Google I/O にご参加いただきありがとうございました。オンデマンドでコンテンツを視聴できます。 このページは Cloud Translation API によって翻訳されました。 web.dev アニメーション 高性能なアニメーションを開発するための手法。 概要 一部のアニメーションが遅い理由や、CSS または JavaScript を使用して独自のアニメーションを作成してデバッグする方法の把握に役立つ、厳選された高品質なリソースのコレクションです。 ブラウザでのアニメーションのレンダリング方法 一部のアニメーションの動作が遅い理由 CSS を使用してアニメーションを作成する CSS アニメーション API ガイド 高性能な CSS アニメーションを作成する方法 高性能 CSS アニメーションの例 Preferreds-reduced-motion: 動きが少ないほうがよい場合もあります Chrome DevTools を使用して CSS アニメーションをデバッグする Firefox DevTools を使用して CSS アニメーションをデバッグする JavaScript を使用してアニメーションを作成する Web Animations API の概要 Web Animations API ガイド Chromium 84 での Web Animations API の改善