Generator CSS Box Shadow
Desain box shadow secara visual dengan preview langsung. Atur offset, blur, spread, warna, dan opacity. Salin kode CSS secara instan. Alat online gratis.
Cara Menggunakan Generator Box Shadow
Atur slider untuk mengontrol offset horizontal, offset vertikal, radius blur, spread, warna, dan opacity. Preview langsung diperbarui secara instan. Tambahkan beberapa layer shadow untuk efek kedalaman kompleks yang umum digunakan dalam desain UI modern.
Tips untuk Shadow yang Realistis
Gunakan opacity rendah (0.1-0.3), blur moderat, dan sedikit offset vertikal untuk elevasi yang terlihat alami. Tumpuk dua shadow — satu ketat untuk definisi dan satu lembut untuk cahaya ambient — untuk meniru elevasi Material Design.
Pertanyaan yang Sering Diajukan
Apa itu opsi inset?
Shadow inset muncul di dalam elemen bukan di luar, menciptakan efek ditekan atau cekung. Berguna untuk field input dan inner shadow kartu.
Bisakah menggunakan beberapa box shadow?
Ya. Klik "TAMBAH SHADOW" untuk menumpuk beberapa shadow. CSS mendukung nilai shadow yang dipisahkan koma, dan alat ini menghasilkan kode gabungan untuk Anda.
RELATED TOOLS