Animationen mitAnime.js 25.06.2021, 07:59 Uhr

Animationen fürs Web

Das Web wird immer dynamischer, auch was die Präsentation von Inhalten betrifft.
(Quelle: Shutterstock)
Animationen haben daran einen großen Anteil und bieten die Möglichkeit, Elementen einer Website direkt Leben einzuhauchen. Die Bibliothek Anime.js verspricht Animationen ohne viel Aufwand. Heutzutage muss sich alles bewegen. Was nicht allzu ernst gemeint ist und sich etwas negativ anhört, scheint sich trotzdem im Web vermehrt durchzusetzen. Inhalte über Videos, Gifs oder ähnliches zu präsentieren ist schon lange keine Neuigkeit mehr wert. Früher nur für Werbezwecke im Einsatz, ein mit Sicherheit negativer Aspekt, kommen Videos auch zunehmend für die Wissensvermittlung oder zur Unterstützung von Erklärungen beziehungsweise dem Inhalt im Allgemeinen zum Einsatz. Das funktioniert durchaus, auch wenn die Meinungen über Sinn und Unsinn auseinander gehen, denn viele möchten gerne lesen, Texte durchsuchen und ähnliches. All das funktioniert mit Videos nicht oder nur über Umwege wie ein Transkript.
Die andere Möglichkeit ist, Animationen auf einer Website zu nutzen. Dabei geht es häufig darum, den Inhalt an sich zu animieren. Also nicht zusätzlichen Content wie bei einem Video, das abseits der inhaltlichen und strukturellen Ebene einer Website ist. Eine Animation kann direkt auf die Elemente einer Seite zugreifen. Zum Beispiel über CSS, DOM-Elemente und ähnliches. Das bietet zahlreiche Möglichkeiten, Animationen auf den Inhalt einer Seite zu beziehen. Zum Beispiel um Wissen zu vermitteln, was allerdings nur ein Anwendungsbereich ist. Vielleicht soll es auch nur schöner aussehen.
Die Projektseite von Anime.js präsentiert selbst eine Animation auf der Basis von Anime.js (Bild 1)
Quelle: Deitelhoff

Jetzt 1 Monat kostenlos testen!

Sie wollen zukünftig auch von den Vorteilen eines plus-Abos profitieren? Werden Sie jetzt dotnetpro-plus-Kunde.
  • + Digitales Kundenkonto,
  • + Zugriff auf das digitale Heft,
  • + Zugang zum digitalen Heftarchiv,
  • + Auf Wunsch: Weekly Newsletter,
  • + Sämtliche Codebeispiele im digitalen Heftarchiv verfügbar