Animowanie napisu

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.

https://www.google.nl/search?q=css+hide+after+x+seconds&oq=css+hidden+after+x+&aqs=chrome.1.69i57j0.6111j0j7&sourceid=chrome&ie=UTF-8

https://stackoverflow.com/questions/21993661/css-auto-hide-elements-after-5-seconds

wiec skoro da sie schowac da sie tez pokazac cos innego ;)

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.

css @keyframes

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 :)