Box Shadow Generator
Buat efek bayangan CSS (box-shadow) yang cantik secara visual.
Configuration
Preview
CSS Code
👋 Sekilas Info
Bikin efek bayangan di CSS itu gampang-gampang susah. Kalau ngetik manual sering lupa urutannya. Mending pake visual editor ini, geser slider sampai pas, terus copy kodenya.
Cara Pakai
Atur posisi bayangan (Horizontal & Vertical Offset).
Tentukan tingkat keburaman (Blur) dan ukuran (Spread).
Pilih warna dan transparansi.
Copy kode CSS yang dihasilkan.
Fitur Unggulan
Visual Editor
Lihat langsung hasil bayangan saat diedit.
Lengkap
Support Offset, Blur, Spread, Color, Opacity, dan Inset.
Cross-Browser
Menyertakan prefix -webkit dan -moz untuk kompatibilitas maksimal.
Tips & Trik
- •Gunakan bayangan tipis dengan blur tinggi untuk efek 'floating' yang modern.
- •Hindari warna hitam pekat (#000) untuk bayangan, kurangi opacity agar terlihat natural.
FAQ
Apa bedanya Inset?
Inset membuat bayangan ada di DALAM kotak, bukan di luar.
Mungkin Kamu Juga Butuh Ini
Konversi Warna
Konversi kode warna antara format HEX, RGB, HSL, dan CMYK.
CSS Gradient Generator
Buat background gradient CSS yang cantik dengan mudah dan copy kodenya.
Kompres PDF
Kecilkan ukuran file PDF Anda tanpa mengurangi kualitas secara signifikan.