A API Web Animations faz parte de um novo padrão da Web, que está sendo desenvolvido por engenheiros de navegadores da Mozilla e do Google.
O Chrome 36 implementou o método element.animate() da API Web Animations, permitindo que os desenvolvedores criem animações em linha de execução de compositor com bom desempenho usando JavaScript.
Estamos felizes em saber que a Mozilla lançou a implementação de element.animate() no Firefox 48, permitindo animações aceleradas entre navegadores usando essa API JS emergente. O Google e a Mozilla trabalharam muito juntos para garantir que nossas implementações sejam interoperáveis. Esse foi um esforço colaborativo!
Os benefícios do uso da API Web Animations podem incluir uma taxa de frames mais rápida com menor consumo de energia, o que resulta em uma experiência do usuário melhor em todos os dispositivos, especialmente em dispositivos móveis.
A API Web Animations pode ser usada em todos os navegadores com um polyfill que vai usar a implementação nativa de velocidade total quando ela existir e, caso contrário, vai usar uma implementação JavaScript. A comunidade do WebKit está considerando fazer a implementação e a equipe do Edge a adicionou ao backlog. Esperamos que as animações da Web sejam compatíveis com todos os principais navegadores em breve.
Para ter a experiência completa das animações aceleradas da Web no Chrome, Firefox ou Opera, acesse estas páginas de demonstração e teste por conta própria.