Skip to main content
この記事では、ボタンパーツにアニメーション効果を設定する方法をご案内します。
ボタンパーツの設定パネルから、以下の設定が可能です。 アニメーション効果（3種類から1つ選択）：
  • シャドウ：影でボタンを浮かせて見せます（影色はボタン色に関わらず黒系で固定）
  • シャイン：光沢が走るエフェクト
  • 拡大：サイズが大きくなるエフェクト
再生タイミング：
  • 常時：ループ再生（ホバー時は一旦停止→再生し直し）
  • マウスオーバー：ホバー時のみ再生
  • どちらも：常時・ホバーの両方を適用
その他の設定：
  • 速度：常時／どちらも選択時にスライダーで調整可能。画面上でプレビューしながら設定できます。
  • 拡大倍率：「拡大」選択時のみ設定可能。固定値選択または100%〜200%の範囲でカスタム入力できます。
ホバー時にボタンが明るくなる効果は、アニメーション設定の有無にかかわらずデフォルトで適用されます。

​
操作方法

アクセス経路ログイン → メニュー → ページビルダー → 対象LPの編集 → ボタンパーツを選択 → 設定パネル
1

ボタンパーツの設定パネルを開く

ページビルダーでアニメーションを設定したいボタンパーツを選択して設定パネルを開いてください。
2

アニメーション効果を選択する

設定パネル内のアニメーションの選択肢から「シャドウ」「シャイン」「拡大」のいずれかを選んでください。
3

再生タイミング・速度を設定する

再生タイミング（常時／マウスオーバー／どちらも）を選び、必要に応じて速度や拡大倍率をプレビューしながら調整して保存してください。