CSSでのアニメーション効果

WBOY
リリース: 2023-09-13 11:57:09
転載
1354 人が閲覧しました

CSS 中的动画效果

アニメーションは、モーション効果を作成し、外観を変更するプロセスです。 CSS は、イベントのモーションを変更するためのさまざまなアニメーション効果をサポートしています。

アニメーションの下には、使用されているコンセプトのキーフレームがあります。キーフレームは、CSS3 の中間アニメーション ステップを制御します。

次の例では、キーフレーム構文を使用して、アニメーションの高さ、幅、色、名前、および継続時間を表示します -

Syntax

@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 サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート