Zmieniające się napisy, i wyskakujące w danym momencie

Question

Witam wszystkich serdecznie, mam pytanie jak zrobić nie bawiąc się w tworzenie gifów napis który wyskakuje w pewnym momencie z pewnym przejściem, np "przyjeżdża" z lewej strony, po czym jest na środku 4 sekundy, i "odjeżdża" po czym, dzieje się analogicznie to samo dla innego napisu.

Answer 1

https://daneden.github.io/animate.css/

lub pisanie własnej animacji w css :)

Comments

Szkoda nie wiem jak tego używać, nic nie jest wytłumaczone jeżeli chodzi o to że chcę to obsłużyć tak jak napisałem.

---

Przecież jest cała dokumentacja na gitHubie jak używać animate css, plus na stacku są odpowiedzi które Cię zapewne zainteresują.

Zapewne o taki efekt chodziło. Tutaj na szybko prosta animacja napisana przeze mnie: https://jsfiddle.net/m77v0m1t/

Poczytaj sobie o animacjach w css. http://webkod.pl/kurs-css/lekcje/dzial-1/animacja-elementu-animation-css3

Dodatkowo jeśli byś chciał, żeby te napisy pojawiały się podczas scrolla to trzeba podpiąć JS :)

Answer 2

Tak, jak napisał Altewar możesz wykorzystać animate.css (czyli bibliotekę zawierającą zbiór gotowych animacji) lub napisać własną animację (@keyframe). 

Poczytaj o animacjach w CSS:

https://css-tricks.com/almanac/properties/a/animation/

https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes

https://developer.mozilla.org/en-US/docs/Web/CSS/animation

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations