Cara menggunakan Confetti Animation CSS
- Pratinjau dimulai dengan Konfeti dalam berbagai warna.
- Atur jumlah potongan, ukuran dan kecepatan; Sway membuatnya berkibar.
- Matikan Mixed colors untuk memakai satu warna brand.
- Salin kode ke halaman terima kasih atau halaman sukses kamu.
Konfeti yang berputar
Setiap potongan berupa persegi kecil yang jatuh dengan sedikit goyangan sambil berputar secara 3D (rotate3d), sehingga ia membalik antara sisi depan dan sisinya seperti kertas sungguhan. Warna dipilih untuk setiap potongan dengan CSS custom property.
Untuk salju, hujan, dan bentuk buatanmu sendiri, lihat Particle Animation Generator.
Juga dicari sebagai: konfeti jatuh css, efek konfeti website, css confetti, animasi latar konfeti, animasi perayaan css.
Tool yang cocok dipakai bersama Confetti Animation CSS
- Efek Salju CSS — Biarkan salju turun di websitemu saat liburan: salju lembut atau kepingan salju, gerimis ringan atau badai salju.
- Animasi Bintang Jatuh — Tampilkan shooting star yang melesat di latar langit malam, atau biarkan bentuk bintang melayang turun dan berputar.
- Animasi Hujan CSS — Buat halaman atau bagian hero kamu hujan — dari gerimis tipis hingga hujan deras yang miring.
- Generator Animasi CSS — Desain animasi CSS di atas timeline keyframe sungguhan.
Pertanyaan yang sering diajukan
Bagaimana cara menambahkan konfeti ke halaman terima kasih?
Salin HTML + CSS lalu tempelkan ke halaman. Konfeti akan jatuh terus-menerus di atas halaman dan tidak menghalangi klik.
Bisakah saya memakai warna brand saya?
Matikan Mixed colors lalu pilih warnamu, atau ubah nilai --c di HTML.
Bisakah konfeti meledak sekali saja, bukan berulang?
Generator ini membuat jatuhan yang terus-menerus. Untuk ledakan sekali saja, ubah infinite menjadi 1 pada aturan animasi agar setiap potongan jatuh sekali.
Bisakah saya memasang Confetti Animation CSS sebagai aplikasi web dan memakainya offline?
Bisa. Confetti Animation CSS adalah aplikasi web (PWA) yang bisa dipasang. Pemasangannya lewat browser kamu, bukan diunduh dari toko aplikasi. Klik Pasang aplikasi di bagian atas halaman ini di Chrome atau Edge (Windows, macOS, Linux, ChromeOS) atau di Android. Di iPhone dan iPad, gunakan Bagikan → Tambahkan ke Layar Utama, dan di Safari 17+ pada Mac, gunakan File → Tambahkan ke Dock. Setelah itu, aplikasi akan terbuka di jendelanya sendiri dengan ikonnya sendiri. Karena berjalan sepenuhnya di browser kamu, aplikasi ini tetap bisa dipakai offline. Firefox di desktop tidak bisa memasang aplikasi web. Cara memasang aplikasi.