La API de Web Animations es parte de un nuevo estándar web, actualmente en desarrollo por ingenieros de navegador de Mozilla y Google.
Chrome 36 implementó el método element.animate() de la API de Web Animations, lo que les permitió a los desarrolladores compilar animaciones con subprocesos de compositor de buen rendimiento mediante JavaScript.
Nos complace ver que Mozilla ya envió su implementación de element.animate() en Firefox 48, lo que permitió que se vieran verdaderas animaciones aceleradas entre navegadores mediante esta API de JS emergente. Google y Mozilla trabajaron en conjunto para garantizar la interoperabilidad de nuestras implementaciones. Este ha sido un esfuerzo realmente colaborativo.
Los beneficios de usar la API de Web Animations pueden incluir una velocidad de fotogramas más rápida con un consumo de energía menor, 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 mediante un polyfill que usará la implementación nativa a velocidad máxima donde existe y, de lo contrario, recurrirá correctamente a una implementación de JavaScript. La comunidad de WebKit nos alienta a considerar su propia implementación, y el equipo de Edge la agrega a las tareas pendientes. Esperamos que Web Animations pronto sea compatible con todos los navegadores principales.
Si quieres disfrutar de la experiencia de animaciones web aceleradas en Chrome, Opera o Firefox, visita estas páginas de demostración y pruébalas tú mismo.