値が変更されて遷移が始まります。100px);}サンプルを参照してください。遷移の持続時間のほかに、軽減化のためのオプションがあります。それは本質的にアニメーションの感じ方です。ガイドを参照してください。使用して各アニメーションのオンとオフを切り替えることができます。box.classList.add('move');こうすると、アプリケーションが最適に均衡化されます。よる状態の管理に焦点を当てて、ターゲット要素に対して適切なクラスを単に設定し、アニメーションの操作をブラウザに任せることができます。イベントを監視できます。他のすべてのブラウザは、しばらくの間、イベントをサポートしていました。アニメーションも使用できます。キーフレーム、時速時間と反復をより細かく制御できます。アニメーションという用語に慣れていない場合、手書きアニメーションからの旧用語はキーフレームです。アニメーション作者は、一定のアクションに対してキーフレームと呼ばれる特定のフレームを作成します。キーフレームは特定のモーションの最も極端な部分を捕捉するものです。その後、アニメーション作者は、キーフレームの間にすべての個別フレームを描き始めます。アニメーションで同様のプロセスを実行します。プロパティが持つ必要のある値をブラウザに指示すると、ブラウザがギャップを埋めます。遷移と同じ方法でボックスをアニメーション化できますが、クリックのようなユーザ操作なしでのアニメーション化や、反復回数が無限のアニメーション化が可能です。複数のプロパティを同時に変更することもできます。}}サンプルを参照してください。アニメーションでは、ターゲット要素とは別個にアニメーション自身を定義し、アニメーション名プロパティを使用して必要なアニメーションを選択します。両ブラウザはプレフィックスなしで出荷されています。作成するのに役立つ数多くのツールがあります。これらのツールを使用して、ソースファイル内でプレフィックスなしのバージョンを書くことができます。よる遷移またはアニメーションの作成よりも複雑ですが、通常、より広範なパワーを開発者に提供します。使用し、アニメーションの各フレームで、アニメーション化対象の要素の各プロパティ値を手作業で確定します。使用するウェブ関連コードを見かけることがあります。レートに同期しないため、これは不適切な手法です。アニメーションは激しく震動してスキップする可能性があります。