Page Builder Sandwich のアニメーションとインタラクション

Page Builder Sandwich Proは、すべてのブロックのスタイルタブにモーションセクションを追加します。他のすべてのスタイルと同様に、各設定はブレークポイントごとに異なる値にすることができます。

登場アニメーションとスクロールアニメーション

• 登場アニメーション: フェードイン、上下からのフェードイン、左右の端からのフェードイン、ズームイン／アウト、またはフリップアップ。ブロックが画面内にスクロールインした際に1回再生されます。長さと遅延をミリ秒単位で設定します。
• スクロール中: スクロール位置に応じて、ブロックが画面内にスクロールインする際にフェード、浮き上がり、拡大、または直線化します（スクロール連動型アニメーションをサポートしているブラウザの場合。それ以外のブラウザではブロックは単に表示されます）。

インタラクション

• ホバー時: 浮き上がり、拡大、縮小、シャドウ、傾き、またはグロー効果（キーボードフォーカス時も有効）。
• ビューに固定: セクションがスクロールする間、ブロックが画面の上部から一定の距離を保ったまま固定されます。
• パララックス速度: -10（スクロールと逆方向）から10（スクロールと同方向）まで。
• ポインター追従: マウス pointerに向かってブロックが傾きます。

視覚効果の軽減（常に尊重されます）

デバイスに視覚効果の軽減を求めている訪問者には、アニメーション、パララックス、動きは一切表示されず、コンテンツがそのまま表示されます。JavaScriptが無効な環境でも非表示になるものはありません。モーション設定を使用していないページでは、モーションコードは読み込まれません。