初めに
今回はCSS アニメーションの基礎について紹介していきます
cssアニメーションとは
animationプロパティ
プロパティ名 | 説明 |
---|---|
animation-name | アニメーションの名前を定義する |
animation-duration | アニメーションの時間を定義する |
animation-timing-function | アニメーション変化の度合を定義する |
animation-delay | アニメーションを開始するタイミングを定義する |
animation-iteration-count | アニメーションの繰り返し回数を定義する |
animation-direction | アニメーションの再生方向を定義する |
animation-fill-mode | アニメーションが再生されていないときの状態を定義する |
animation-play-state | アニメーションを再生させるか一時停止させるかを定義する |
animation | アニメーションの一括指定プロパティです |
最後に
CSSアニメーションを使用すると、Webサイトをより魅力的でユーザーに親しみやすくすることができます。
コメント