Skip to main content
ページビルダーのボタンパーツに、アニメーション効果を設定できるようになりました。シャドウ・シャイン・拡大の3種類のエフェクトから選び、再生タイミングや速度もカスタマイズできます。
ボタンアニメーション効果

ボタンアニメーション設定とは?

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

操作方法

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

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

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

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

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

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

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

関連ページ