ホームページ > 記事 > ウェブフロントエンド > CSS3のトランジションとアニメーションの違いは何ですか
css3 におけるトランジションとアニメーションの違いは、トランジションでは、時間の経過とともに CSS プロパティを変更するイベントをトリガーする必要があることです。アニメーションでは、イベントをトリガーせずに、時間の経過とともに要素の CSS を変更することもできます。
アニメーション属性はトランジションに似ています。これらはすべて、時間の経過とともに要素の属性値を変更します。主な違いは次のとおりです:
(学習ビデオの共有: css ビデオ チュートリアル)
トランジションでは、時間の経過とともに CSS プロパティを変更するイベントをトリガーする必要があります。アニメーションは、イベントをトリガーせずに明示的に変更することもできます。要素の CSS プロパティを使用してアニメーション効果を実現します。
1) アニメーションにはイベント トリガーは必要ありませんが、トランジションにはイベント トリガーが必要です。
2) トランジションのキーフレームは 1 セット (開始-終了の 2 つ) のみで、複数のアニメーションを設定できます。
関連する推奨事項: CSS チュートリアル
以上がCSS3のトランジションとアニメーションの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。