Animate.css 02.12.2021, 09:59 Uhr

Vorgefertigte CSS-Animationen

Das Open-Source-Projekt Animate.css stellt den CSS-Code für rund 100 Web-Animationssequenzen bereit.
(Quelle: animate.style)
Das World Wide Web ist wie ein riesiges Meer. Alles sieht scheinbar gleich aus. Es ist ganz logisch, wenn sich viele Angebote aus dem grauen Einerlei herausheben wollen. Eine Möglichkeit dafür bieten Animationen. Allerdings sollte man dabei vorsichtig sein, denn zu viel Bewegung auf einer Seite kann die Besucher schnell auch vergraulen. In den frühen Tagen des Web war <blink> das erste Tag, das Text blinken lies. Schnell wurde es exzessiv benutzt und genauso schnell galt es als verpönt das Tag zu benutzen. Heute gibt es dank CSS sehr viel elegantere Optionen, die auch viel weniger nervend sind als unentwegt blinkende Textzeilen.
Dank des Projekts animate.css (auf GitHub) muss man nicht einmal den Code dafür selbst ausarbeiten. Das Projekt stellt den Code für rund 100 Aninmationseffekte bereit. Eine Dokumentation sowie eine Möglichkeit die Effekte auszuprobieren finden Sie auf dieser Seite.
Übrigens: Wer auf der Suche nach einem Glitch-Effekt für Text ist, der in reinem CSS kodiert ist, wird hier fündig. Allerdings ist dieser wieder ganz nah am <blink>-Tag.


Das könnte Sie auch interessieren