Web Animations

Die Web Animations API (kurz: WAAPI) bietet eine gemeinsame Sprache für Browser und Entwickler, um Animationen auf DOM-Elementen zu beschreiben. Dabei wird die moderne Web Animations API verwendet, mit der man CSS-Animationen durch JavaScript steuern kann.

• Animationen steuern
  • Pausieren bei mouseover
  • Steuerung mit Tastatur und Maus
  • Animations-Events
   
• Animationen synchronisieren
  • Timelines
  • Keyframes takten
  • Fazit
   

Voraussetzungen

Dieses Tutorial richtet sich vor allem an Anfänger, die bereits erste Erfahrungen mit JavaScript-Elementen wie Schleifen oder Verzweigungen haben und nun tiefer in eine objektorientierte Programmierung in JavaScript einsteigen möchten.

Daher werden in diesem Artikel grundlegende Kenntnisse um die Sprachelemente von JavaScript sowie HTML und CSS vorausgesetzt und nicht näher besprochen. Es seien an dieser Stelle aber folgende Kapitel der Dokumentation zum Nachschlagen empfohlen:

• 

  Einstieg in JavaScript
  • Erste Schritte
  • Programmieren und Debuggen
  • Funktionen
   
• 

  JavaScript und DOM (interaktive Webseiten)
  • Was ist das DOM?
  • Ereignisverarbeitung
  • DOM-Manipulation
   

Siehe auch

• Animation in JavaScript

  framebasierte Animationen mit requestAnimationFrame für Canvas

   
• 

  SVG und JavaScript

  Animation mit der WAAPI