Chrome におけるサードパーティ Cookie の廃止に備えましょう。サイトに不具合がないかどうかを今すぐテストします。 このページは 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 の改善