Animatie speelt niet af
Controlepunten
1. Preset staat niet op `none`.
2. Doelelement (tekst/pictogram/frame) is aanwezig.
3. Test op frontend (hover-animaties werken niet in editor-preview).
Tips
– Begin met korte duur.
– Voeg vertraging alleen toe als het nodig is.
解決手順
### ステップ1: アニメーション種別を確認する
1. どのアニメーションを設定したか確認する（テキスト / アイコン / フレーム / ボタン）
2. 該当するアニメーション設定パネルを開く
3. プリセットが `none` でないことを確認する### ステップ2: 前提要素を確認する
– **テキストアニメーション**: メインテキストが入力されているか確認
– **アイコンアニメーション**: アイコン設定でアイコンが選択されているか確認
– **フレームアニメーション**: アイコン設定 > フレームが有効になっているか確認
– **ボタンアニメーション**: 特に前提条件なし### ステップ3: フロントエンドで確認する
1. エディタのプレビューではなく、実際のフロントエンドページを開く
2. ホバー型（テキスト / アイコン / ボタン）はマウスオーバーで発動を確認
3. 常時型（フレーム）はページ読み込み直後から再生されているか確認### ステップ4: トランジション設定を確認する
1. 各アニメーションのトランジションパネルを開く
2. Duration が極端に短くないか確認（短すぎると動きが視認できない）
3. Delay が長すぎないか確認（ホバーしてから動き始めるまでの待ち時間）—
よくあるつまずき
– **テキストアニメーションの30文字制限**: テキストアニメーションは最大30文字までしか文字ごとの遅延が適用されません。31文字目以降は一括で動作します。
– **フレームアニメーションの overflow**: `neon-01` / `glow-01` は `box-shadow` を使うため、フレーム要素に `overflow: visible` が自動適用されます。ボタン領域外にエフェクトがはみ出すことがあります。
– **アイコンアニメーションの排他制御**: アイコンアニメーションが有効な場合、アイコンの表示/非表示制御はアニメーション側が担います。—
関連設定
– [テキストアニメーション設定](../text-animation/) – テキストのホバー演出
– [アイコンアニメーション設定](../icon-animation/) – アイコンのホバー演出
– [フレームアニメーション設定](../frame-animation/) – フレームの常時演出
– [ボタンアニメーション設定](../button-animation/) – ボタン全体のホバー演出
– [アイコン設定](../icon/) – アイコン・フレームの設定