Anime.js 4: Animationen mit System
Animationen gehören heute zu modernen Weboberflächen. Sie führen Nutzer durch Anwendungen, verdeutlichen Zustandswechsel und machen komplexe Oberflächen verständlicher. Mit Bordmitteln wie CSS lassen sich einfache Übergänge umsetzen. Sobald jedoch mehrere Elemente zusammenspielen, Scroll-Animationen, SVGs oder Frameworks wie React ins Spiel kommen, stoßen viele Lösungen schnell an ihre Grenzen.
Hier setzt Anime.js(öffnet im neuen Fenster) an. Die Bibliothek hat sich mit Version 4 von einer leichtgewichtigen Effektbibliothek zu einem modularen Animationssystem entwickelt. Sie animiert nicht nur CSS-Eigenschaften, sondern auch Layoutwechsel, SVG-Grafiken, Javascript-Objekte und WebGL-nahe Anwendungen. Dieser Artikel zeigt, welche neuen Möglichkeiten Anime.js 4 bietet, wo sich die Bibliothek gegenüber CSS oder der Web Animations API lohnt und worauf Entwickler beim produktiven Einsatz achten sollten.