ホームページ  >  記事  >  ウェブフロントエンド  >  CSS3のトランジションとアニメーションの違いは何ですか

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

王林
王林オリジナル
2020-11-11 16:43:175171ブラウズ

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

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

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

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

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

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

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

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。