Generator Box Shadow CSS
Hasilkan dan pratinjau properti CSS box-shadow secara visual.
Pengaturan Bayangan
Sesuaikan slider untuk menyesuaikan efek bayangan
Bayangan 1
Preset
Coba gaya bayangan yang telah ditentukan
Pratinjau
Lihat efek bayangan yang dihasilkan
Preview
CSS yang Dihasilkan
box-shadow: 0px 4px 6px 0px #00000040;Referensi Properti Box Shadow
Deskripsi Properti
- • Offset X: Posisi horizontal bayangan (positif: kanan, negatif: kiri)
- • Offset Y: Posisi vertikal bayangan (positif: bawah, negatif: atas)
- • Blur: Radius blur bayangan (0: tajam, nilai lebih besar lebih buram)
- • Sebaran: Ukuran bayangan (positif: perluas, negatif: susutkan)
- • Warna: Warna bayangan (HEX, RGB, RGBA, dll.)
- • Inset: Apakah bayangan adalah bayangan dalam