La API de Web Animations forma parte de un nuevo estándar web que actualmente está en desarrollo por parte de los ingenieros de navegadores de Mozilla y Google.
Chrome 36 implementó el método element.animate() de la API de Web Animations, lo que permitió a los desarrolladores crear animaciones de subprocesos del compositor de alto rendimiento con JavaScript.
Nos entusiasma ver que Mozilla ahora envió su implementación de element.animate() en Firefox 48, lo que permite verdaderas animaciones aceleradas entre navegadores a través de esta nueva API de JS. Google y Mozilla han trabajado arduamente en conjunto para asegurarse de que nuestras implementaciones sean interoperables. ¡Realmente fue un esfuerzo colaborativo!
Los beneficios de usar la API de Web Animations pueden incluir una velocidad de fotogramas más rápida con un menor consumo de energía, lo que se traduce en una mejor experiencia del usuario en todos los dispositivos, especialmente en los dispositivos móviles.
La API de Web Animations se puede usar en todos los navegadores a través de un polyfill que utilizará la implementación nativa a máxima velocidad donde exista y, de lo contrario, recurrirá a una implementación de JavaScript. La comunidad de WebKit nos considera su propia implementación y el equipo de Edge la agrega a su lista. Esperamos que pronto Web Animations sea compatible con todos los principales navegadores.
Para obtener la experiencia completa de animaciones web aceleradas en Chrome, Opera o Firefox, visita estas páginas de demostración y pruébalas tú mismo.