Web Animations API は、Mozilla と Google のブラウザ エンジニアが現在開発中の新しいウェブ標準の一部です。
Chrome 36 では、Web Animations API の element.animate() メソッドが実装され、JavaScript を使用して高パフォーマンスのコンポジタ スレッド アニメーションを構築できるようになりました。
Mozilla が Firefox 48 で element.animate() の実装をリリースし、この新しい JS API を使用して、真のクロスブラウザ アニメーションを高速化できるようになりました。Google と Mozilla は、実装が相互運用可能であることを確認するために、共同で懸命に取り組んできました。本当に共同作業でした。
Web Animations API を使用するメリットには、フレームレートの高速化と消費電力の低減などがあり、すべてのデバイス（特にモバイル）でユーザー エクスペリエンスが向上します。
Web Animations API は、ポリフィルを介してすべてのブラウザで使用できます。ポリフィルは、ネイティブ実装が存在する場合はフルスピードで使用し、存在しない場合は JavaScript 実装に正常にフォールバックします。WebKit コミュニティが独自の実装を検討しており、Edge チームがそれをバックログに追加していることは、喜ばしいことです。すべての主要なブラウザで Web アニメーションがサポートされることを心よりお待ちしております。
Chrome、Firefox、Opera で高速化されたウェブ アニメーションを体験するには、こちらのデモ ページで実際にお試しください。