A API Web Animations faz parte de um novo padrão da Web, atualmente em desenvolvimento por engenheiros de navegadores da Mozilla e do Google.
O Chrome 36 implementou o método element.animate() da API Web Animations, capacitando os desenvolvedores a criar animações encadeadas de composição de alto desempenho usando JavaScript.
Estamos felizes em ver que a Mozilla enviou sua implementação de element.animate() no Firefox 48, permitindo animações realistas aceleradas entre navegadores usando essa API JS emergente. O Google e o Mozilla trabalharam muito juntos para garantir que nossas implementações sejam interoperáveis. Foi realmente um esforço colaborativo.
Os benefícios do uso da API Web Animations podem incluir um frame rate mais rápido com menor consumo de energia. Isso resulta em uma melhor experiência do usuário em todos os dispositivos, especialmente nos dispositivos móveis.
A API Web Animations pode ser usada em todos os navegadores por meio de um polyfill, que usa a implementação nativa de velocidade máxima onde ela existe. Caso contrário, a API usa uma implementação JavaScript. Somos incentivados pela comunidade do WebKit considerando sua própria implementação e pela equipe do Edge adicionando-a ao backlog. Esperamos que as animações da Web sejam compatíveis em breve com todos os principais navegadores.
Para ter a experiência completa e acelerada das animações da Web no Chrome, no Firefox ou no Opera, acesse estas páginas de demonstração e faça um teste.