warna
Box Shadow
rancang box-shadow CSS secara visual.
tentang
geser slider untuk merancang box-shadow. pratinjau langsung + kode CSS yang siap disalin.
cara pakai
- geser slider x, y, blur, dan spread.
- pilih warna bayangan dan aktifkan inset kalau mau di dalam.
- klik kode di bawah untuk menyalin CSS-nya.
contoh
- rancang drop shadow lembut untuk sebuah kartu.
- buat bayangan tegas dengan offset 4px untuk tombol neobrutalist.
- tambahkan bayangan inset biar terasa seperti ditekan.
faq
apa itu spread?
seberapa jauh bayangan membesar atau mengecil dari tepi elemen. nilai negatif menariknya ke dalam.
apa beda blur dan spread?
blur melembutkan tepi. spread mengubah ukuran sebelum blur diterapkan.