CSSリファレンス

animation-durationの意味と使い方

アニメーションを実行するには、利用するキーフレームとともに、アニメーションの時間を指定する必要があります。アニメーションの時間はanimation-durationプロパティで指定します。

値の指定方法

時間

アニメーションが完了するまでの時間を、秒(s)またはミリ秒(ms)で指定します。
複数のアニメーションを実行時間を変えて適用する場合は、それぞれに対応する時間「,」で区切って記述します。