最終更新日
animation-durationは、アニメーション1回分の再生時間を指定するプロパティです。
アニメーション1回分の再生時間を「s」など単位付きの値で指定します。初期値は「0」で、その場合、再生が直ちに完了するため、アニメーションの効果はありません。また、負の値を指定した場合は「0」と見なされます。
animation-nameで複数のアニメーションを指定した場合、animation-durationの値も、カンマで区切って複数指定できます。
アニメーション関連のプロパティをまとめて指定する場合は、animationを使用します。
初期値 | 適用先 | 継承 |
---|---|---|
0 | ブロックレベル要素、インラインレベル要素 | なし |
値 | 説明 |
---|---|
時間を示す値 | 「10s」や「15ms」のように、数値に単位を付けて指定します。単位は、秒を表す「s」、ミリ秒(1/1,000秒)を表す「ms」のいずれかを指定できます。 |
animation-duration: 5s; animation-duration: 300ms; animation-duration: 5s, 10s; animation-duration: 300ms, 120ms; animation-duration: 5s, 10s, 15s; animation-duration: 300ms, 120ms, 200ms;