目次

• ボタンアニメーション設定とは？
• 操作方法
• 1. ボタンパーツの設定パネルを開く
• 2. アニメーション効果を選択する
• 3. 再生タイミング・速度を設定する

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

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

ボタンパーツの設定パネルから、以下の設定が可能になります。

アニメーション効果（3種類かㅉ1つ選択）

• シャドウ：影でボタンを浮かせて見せる（影色はボタン色に関わらず黒系で固定）
• シャイン：光沢が走るエフェクト
• 拡大：サイズが大きくなるエフェクト

再生タイミング

• 常時：ループ再生（ホバー時は一旦停止→再生し直し）
• マウスオーバー：ホバー時のみ再生
• どちらも：常時・ホバーの両方を適用

その他の設定

• 速度：常時／どちらも選択時にスライダーで調整可能。画面上でプレビューしながら設定できます
• 拡大倍率：「拡大」選択時のみ設定可能。固定値選択または100%～200%の範囲でカスタム入力できます

操作方法

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

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

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

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

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

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