JavaScript サンプル: スクロールアニメーション

要素が画面に入ったタイミングで、要素の表示アニメーション(transition)を実行します。

アニメーションさせたい要素に「class="scroll"」をセットし、それぞれアニメーション用のクラスを書いておくと自動でアニメーションします。

これはフェードインです。

JavaScript サンプル: スクロールアニメーション

要素が画面に入ったタイミングで、要素の表示アニメーション(transition)を実行します。

アニメーションさせたい要素に「class="scroll"」をセットし、それぞれアニメーション用のクラスを書いておくと自動でアニメーションします。

これはせり上がるアニメーションです。

JavaScript サンプル: スクロールアニメーション

要素が画面に入ったタイミングで、要素の表示アニメーション(transition)を実行します。

アニメーションさせたい要素に「class="scroll"」をセットし、それぞれアニメーション用のクラスを書いておくと自動でアニメーションします。

これは下に落ちるアニメーションです。