ホームページ > 記事 > ウェブフロントエンド > CSSでのアニメーション効果
アニメーションは、モーション効果を作成し、外観を変更するプロセスです。 CSS は、イベントのモーションを変更するためのさまざまなアニメーション効果をサポートしています。
アニメーションの下には、使用されているコンセプトのキーフレームがあります。キーフレームは、CSS3 の中間アニメーション ステップを制御します。
次の例では、キーフレーム構文を使用して、アニメーションの高さ、幅、色、名前、および継続時間を表示します -
@keyframes animation { from {background-color: pink;} to {background-color: green;} } div { width: 100px; height: 100px; background-color: red; animation-name: animation; animation-duration: 5s; }
以上がCSSでのアニメーション効果の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。