Animowanie napisu

0

Witajcie

Mam element svg zawierający napis. Chciałabym go animować tak, aby napis zanikał po wskazanej liczbie sekund i pojawiał się w jego miejscu nowy.

W jaki sposób można to zrobić? Trzeba będzie włączyć JS czy CSS jakoś to ogarnia?
Znalazłam sposoby na taki efekt przy najeżdżaniu na napis, a mi zależy żeby zmieniał się samoistnie w czasie.
W ostateczności zrobię animację w gimpie i osadzę w stronce ale jednak gdyby dało się nauczyć czegoś nowego to byłoby fajnie :)

Bardzo proszę o jakieś wskazówki.

0

Skoro wiesz, jak to zrobić przy najechaniu myszką, to prawie tak samo da się zrobić bez najechania ;)

Zależy jeszcze, czy to co masz działa na Samym CSS, czy jest tam JS. Jeśli JavaScript, to po prostu zmieniasz miejsce wywołania funkcji zmieniającej napis - zamiast zdarzenia polegającego na najechaniu myszką, uruchamiasz to w odpowiedzi na zdarzenie zegarowe (patrz - https://www.w3schools.com/jsref/met_win_setinterval.asp lub https://www.w3schools.com/jsref/met_win_settimeout.asp).

Jeśli to, co już masz działa w oparciu o CSS to trzeba będzie trochę pokombinować, ale tragedii też nie ma. Możesz wrzucić to, co udało Ci się zrobić na http://jsfiddle.net i dać tutaj link.

1

css @keyframes

0

Dziękuję za odpowiedzi :) dopiero dziś mogę sobie do tego wrócić więc zobaczę co mi wyjdzie i w razie problemów wkleję kod :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1