Gaya hover tidak diterapkan – ZenBlocks buttonBasic
Kesimpulan
Jika hover tidak terlihat, biasanya karena **nilai di tab Hover belum diisi, Duration = 0, atau cache CSS masih lama**.
—
Penyebab
1. **Tab Hover belum memiliki nilai**.
2. **Duration transisi disetel ke `0ms`**.
3. **Cache CSS belum diperbarui**.—
Langkah penyelesaian
### Langkah 1: cek tab Hover
1. Pilih blok `buttonBasic`.
2. Buka **Pengaturan Gaya** di sidebar.
3. Pindah ke tab **Hover**.
4. Pastikan nilai warna latar, warna teks, border, dll sudah diisi.### Langkah 2: cek transisi
1. Buka bagian **Transisi**.
2. Pastikan **Duration** bukan `0ms` (rekomendasi: `200-400ms`).
3. Cek **Pelemahan** (`ease` atau `ease-out`).### Langkah 3: bersihkan cache CSS
1. Uji di front-end.
2. Jika belum berubah, hard refresh (`Ctrl+Shift+R` / `Cmd+Shift+R`).
3. Cek folder `/wp-content/uploads/zenblocks/`.### Langkah 4: cek konflik dengan animasi
1. Animasi teks/ikon aktif bisa bertabrakan dengan transisi.
2. Cek peringatan di panel terkait.
3. Sesuaikan kombinasi `Duration` dan `Delay`.—
Catatan
– Hover harus dicek di front-end, bukan hanya di editor.
– Jika animasi dan transisi dipakai bersamaan, durasi bisa terasa lebih lambat.
– Saat animasi ikon aktif, `opacity/visibility` ikon bisa diprioritaskan oleh modul animasi.—
Pengaturan terkait
– [Pengaturan Gaya](../style/)
– [Teks Pengaturan Animasi](../text-animation/)
– [Icon Pengaturan Animasi](../icon-animation/)
– [Tombol Pengaturan Animasi](../button-animation/)