アニメーション:サンプル

下にスクロールをすると動きます














































すぐ現れるボックス
アニメーション無限ループ
独自設定:アニメーション回数指定(2回)

アニメーションが1秒遅れでスタート
アニメーションが2秒遅れでスタート
アニメーションが3秒遅れでスタート
アニメーションが4秒遅れでスタート
アニメーションが5秒遅れでスタート
(CSS独自設定)アニメーションが0.5秒遅れでスタート

アニメーションの変化のスピードが遅い
アニメーションの変化のスピードがさらに遅い
アニメーションの変化のスピードが速い
アニメーションの変化のスピードがさらに速い
(CSS独自設定)アニメーションの変化のスピードが4.5秒

スクロールをしたら1度だけアニメーションをする
スクロールをしたらアニメーションを止める、スピードが早い。

※Trigger box → TriggerOnce box にすることで止まる。

違う動きを追加指定