スクロールアニメーション
スクロールに合わせてアニメーションするブロックです。
アニメーションサンプル
フリップアニメーション


吹き出しブロックを
左からアニメーションしてます。

吹き出しブロックを
右からアニメーションしてます。
1.5 秒かけて、ゆっくりズームイン

右上からフェードイン!

トピックブロックを左からスライドインさせてます。
3秒かけてゆっくりと
縦にフリップ

下からフェードイン
ライディーン!!
再利用ブロックウィジェットを使うとウィジェット内のコンテンツもアニメーションします。😀
上に戻ると再度アニメし直します。
注意事項
- スクロールアニメを使用しているページでは LazyLoad は無効化されます。
- AMP ページではアニメーションしません。
最近のコメント