CSSでanimation-durationを指定してアニメーション時間を指定する方法

CSSでanimation-durationを指定してアニメーション時間を指定する方法

CSSで@keyframesでアニメーションしてみる」で、liタグをアニメーションしてみましたが、複数のliタグに対して異なる時間を指定して、アニメーションに違いを作ってみます。

htmlは3つのliタグを持つだけです。

それぞれのliタグにanimation-durationを指定します。

これは3秒のアニメーションになります。

デモ

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA