新着!私の44ページの電子書籍「CSS in 44 minutes」が発売されました! 😃

今すぐ入手 →

#animation-delay

アニメーションが開始するまでの待ち時間を定義します。アニメーションは最初の繰り返しでのみ遅延されます。

デフォルト animation-delay: 0s;

アニメーションは0秒待ち、すぐに開始されます。

animation-delay: 1.2s;

sキーワードを使って、単位で小数点値を使用できます。

animation-delay: 2400ms;

msキーワードを使って、秒の代わりにミリ秒を使用できます。

animation-delay: -500ms;

負の値を使用できます。アニメーションは、500ms間既に再生されていたかのように開始します。