CSS3のトランジションとアニメーションの違いは何ですか

css3 におけるトランジションとアニメーションの違いは、トランジションでは、時間の経過とともに CSS プロパティを変更するイベントをトリガーする必要があることです。アニメーションでは、イベントをトリガーせずに、時間の経過とともに要素の CSS を変更することもできます。

アニメーション属性はトランジションに似ています。これらはすべて、時間の経過とともに要素の属性値を変更します。主な違いは次のとおりです:

(学習ビデオの共有: css ビデオ チュートリアル)

トランジションでは、時間の経過とともに CSS プロパティを変更するイベントをトリガーする必要があります。アニメーションは、イベントをトリガーせずに明示的に変更することもできます。要素の CSS プロパティを使用してアニメーション効果を実現します。

1) アニメーションにはイベント トリガーは必要ありませんが、トランジションにはイベント トリガーが必要です。

2) トランジションのキーフレームは 1 セット (開始-終了の 2 つ) のみで、複数のアニメーションを設定できます。

関連する推奨事項: CSS チュートリアル

以上がCSS3のトランジションとアニメーションの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。