Animasi tidak berjalan – ZenBlocks buttonBasic
Kesimpulan
Animasi biasanya gagal karena **elemen prasyarat belum disetel, jenis animasi salah dipahami, atau pengecekan hanya di editor**.
—
Penyebab
| Jenis animasi | Pemicu | Prasyarat |
|—|—|—|
| Animasi teks | Hanya saat hover | Teks harus diisi |
| Animasi ikon | Hanya saat hover | Ikon harus dipilih |
| Animasi frame | Selalu berjalan | Frame ikon harus aktif |
| Animasi tombol | Hanya saat hover | Tidak ada |—
Langkah penyelesaian
### Langkah 1: pastikan jenis animasi
1. Cek apakah yang dipakai teks, ikon, frame, atau tombol.
2. Buka panel pengaturan yang sesuai.
3. Pastikan preset bukan `none`.### Langkah 2: cek prasyarat
– **Animasi teks**: teks utama harus ada.
– **Animasi ikon**: ikon harus dipilih.
– **Animasi frame**: frame ikon harus aktif.
– **Animasi tombol**: tidak ada prasyarat khusus.### Langkah 3: uji di front-end
1. Buka halaman front-end sebenarnya.
2. Uji hover untuk teks/ikon/tombol.
3. Cek animasi frame langsung setelah halaman dimuat.### Langkah 4: cek transisi
1. Buka panel transisi.
2. Pastikan `Duration` tidak terlalu pendek.
3. Pastikan `Delay` tidak terlalu panjang.—
Catatan
– Pada animasi teks, delay per karakter berlaku sampai 30 karakter.
– Pengaturan default `neon-01` dan `glow-01` bisa meluber karena memakai `box-shadow`.
– Saat animasi ikon aktif, modul animasi mengontrol tampilan ikon.—
Pengaturan terkait
– [Teks Pengaturan Animasi](../text-animation/)
– [Icon Pengaturan Animasi](../icon-animation/)
– [Frame Pengaturan Animasi](../frame-animation/)
– [Tombol Pengaturan Animasi](../button-animation/)
– [Pengaturan Ikon](../icon/)