Die Web Animations API ist Teil eines neuen Webstandards, der derzeit von Browserentwicklern bei Mozilla und Google entwickelt wird.
In Chrome 36 wurde die Methode element.animate() aus der Web Animations API implementiert, damit Entwickler mit JavaScript leistungsstarke Animationen mit Compositor-Threads erstellen können.
Wir freuen uns, dass Mozilla die Implementierung von element.animate() in Firefox 48 verliefert und nun mit dieser neuen JS API browserübergreifende Animationen ermöglicht. Google und Mozilla haben hart gearbeitet, um sicherzustellen, dass unsere Implementierungen interoperabel sind. Das war wirklich eine gemeinsame Anstrengung!
Zu den Vorteilen der Web Animations API kann eine höhere Frame-Rate bei geringerem Stromverbrauch gehören. Dies führt zu einer besseren Nutzererfahrung auf allen Geräten, insbesondere auf Mobilgeräten.
Die Web Animations API kann in allen Browsern über einen polyfill verwendet werden. Dieser nutzt die native Implementierung mit voller Geschwindigkeit, sofern vorhanden, und andernfalls auf eine JavaScript-Implementierung zurück. Wir ermutigen die WebKit-Community, ihre eigene Implementierung zu erwägen, und das Edge-Team, das sie dem Backlog hinzufügt. Wir freuen uns darauf, dass Webanimationen bald in allen gängigen Browsern unterstützt werden.
Um das vollständige Erlebnis mit beschleunigten Webanimationen in Chrome, Firefox oder Opera zu nutzen, besuche diese Demoseiten und probier es selbst aus.