L'API Web Animations fait partie d'une nouvelle norme Web, actuellement en cours de développement par des ingénieurs de navigateurs de Mozilla et Google.
Chrome 36 a implémenté la méthode element.animate() à partir de l'API Web Animations, ce qui permet aux développeurs de créer des animations de compositeur performantes à l'aide de JavaScript.
Nous sommes heureux de constater que Mozilla a expédié son implémentation de element.animate() dans Firefox 48, permettant ainsi de véritables animations accélérées entre navigateurs à l'aide de cette API JS émergente. Google et Mozilla ont travaillé sans relâche pour assurer l'interopérabilité de nos implémentations. C'est le fruit d'une véritable collaboration !
L'API Web Animations présente plusieurs avantages : fréquence d'images plus rapide et consommation d'énergie plus faible, ce qui se traduit par une meilleure expérience utilisateur sur tous les appareils, en particulier sur les appareils mobiles.
L'API Web Animations peut être utilisée dans tous les navigateurs via un polyfill qui utilisera l'implémentation native à vitesse maximale lorsqu'elle existe et revient à une implémentation JavaScript dans le cas contraire. La communauté WebKit envisage sa propre implémentation, et l'équipe Edge l'ajoute à ses tâches en attente. Nous espérons que les animations Web seront bientôt prises en charge dans les principaux navigateurs.
Pour profiter pleinement des animations Web accélérées dans Chrome, Firefox ou Opera, accédez à ces pages de démonstration et testez-les par vous-même.