アニメーションブロックを使うことで、ページをスクロールした時に要素に動きを加えることができます。少し動くだけでユーザの目を引くことができるので、便利なブロックです。

アニメーションブロックを追加後、中に自由にブロックを追加することが可能です。

アニメーション設定は【フェードイン / スライドアップ / スライド左 / スライド右】 から選べます。
アニメーションの速度と距離の設定もできます

アニメーションの速度
「非常に遅い 」「 遅い 」「 標準 」「速い」「非常に速い」から選べます。
※下記の例では、アニメーションの距離はいずれも「長い」に設定しています。
アニメーションの距離
「短い」「標準」「長い」から選べます。
※下記の例では、アニメーションの速度は「非常に遅い」に設定しています。
組み合わせで演出の幅が広がります
下記のように画像を先に表示させて後からテキストを表示というテクニックも可能になります。

フェードイン 早い
フェードイン 標準
フェードイン 遅い
左右 速い 短い
左右 標準 標準
左右 遅い 長い
左右 非常に遅い 長い
上下 速い 短い
上下 標準 標準
上下 遅い 長い
上下 非常に遅い 長い
Trembring Y 短い
Trembring Y 標準
Trembring Y 長い
Trembring X 短い
Trembring X 標準
Trembring X 長い
どきどき 速い 短い
どきどき 標準 標準
どきどき 遅い 長い
どきどき 非常に遅い 長い
ゆらゆら 非常に速い 標準
ゆらゆら 速い 標準
ゆらゆら 標準 標準
ゆらゆら 遅い 標準
ゆらゆら 非常に遅い 標準
ゆらゆら 非常に遅い 短い
ゆらゆら 非常に遅い 標準
ゆらゆら 非常に遅い 長い