Hover 樣式沒有生效 – ZenBlocks buttonBasic
結論
Hover 沒有生效，通常是以下其中一項造成：**Hover 分頁未設定、轉場 Duration 為 0、CSS 快取尚未更新**。
—
原因
1. **Hover 分頁沒有填入值**。
2. **轉場 的 `Duration` 設為 `0ms`**。
3. **前端 CSS 快取仍是舊版本**。—
解決步驟
### 步驟 1：確認 Hover 分頁
1. 選取 `buttonBasic` 區塊。
2. 在側欄開啟 **樣式設定**。
3. 切換到 **Hover** 分頁。
4. 檢查背景色、文字色、邊框等要變化的屬性是否有值。### 步驟 2：確認轉場設定
1. 開啟 **轉場** 區塊。
2. 確認 **Duration** 不是 `0ms`（建議：`200-400ms`）。
3. 確認 **緩動** 已設定（建議 `ease` 或 `ease-out`）。### 步驟 3：清除 CSS 快取
1. 到前台重新測試 Hover。
2. 若仍無變化，強制重新整理（`Ctrl+Shift+R` / `Cmd+Shift+R`）。
3. 必要時檢查 `/wp-content/uploads/zenblocks/`。### 步驟 4：確認是否與動畫衝突
1. 若啟用文字或圖示動畫，可能與轉場疊加。
2. 檢查相關面板是否有警告。
3. 調整 `Duration` 與 `Delay`，避免體感延遲過長。—
注意事項
– Hover 效果請在前台確認，不要只看編輯器。
– 動畫與轉場同時啟用時，時間可能累加。
– 啟用圖示動畫時，圖示 `opacity/visibility` 可能由動畫樣式優先控制。—
相關設定
– [樣式設定](../button/style/)
– [文字動畫設定](../animation/text-animation/)
– [圖示動畫設定](../animation/icon-animation/)
– [按鈕動畫設定](../animation/button-animation/)