Die Web Animations API ist Teil eines neuen Webstandards, das derzeit von Browserentwicklern von Mozilla und Google entwickelt wird.
In Chrome 36 wurde die Methode element.animate() aus der Web Animations API implementiert, sodass Entwickler mithilfe von JavaScript leistungsstarke Animationen mit Compositor-Threads erstellen konnten.
Wir freuen uns, dass Mozilla die Implementierung von element.animate() in Firefox 48 ausgeliefert hat. Mit dieser neuen JS API sind jetzt browserübergreifende, beschleunigte Animationen möglich. Google und Mozilla haben gemeinsam daran gearbeitet, dass unsere Implementierungen interoperabel sind. Das war wirklich ein Gemeinschaftsprojekt!
Die Web Animations API bietet unter anderem eine höhere Framerate bei geringerem Stromverbrauch. 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, der die native Implementierung mit voller Geschwindigkeit verwendet, sofern vorhanden. Andernfalls wird problemlos auf eine JavaScript-Implementierung zurückgegriffen. Wir sind ermutigt von der WebKit-Community, ihre eigene Implementierung in Betracht zu ziehen, und das Edge-Team, diese zu ihrem Backlog hinzuzufügen. Wir freuen uns, dass Webanimationen bald in allen gängigen Browsern unterstützt werden.
Um Webanimationen in Chrome, Firefox oder Opera voll auszuschöpfen, rufen Sie diese Demo-Seiten auf und probieren Sie es selbst aus.