Generator CSS Box Shadow
Apa itu CSS Box Shadow?
Properti CSS box-shadow menambahkan efek bayangan di sekeliling bingkai elemen. Bayangan dapat diimbangi, diburamkan, disebarkan, diwarnai, dan diatur sebagai inset (bayangan dalam). Beberapa bayangan yang dipisahkan koma dapat ditumpuk untuk efek yang kaya. Generator ini memungkinkan Anda membangun bayangan multi-lapis yang kompleks secara visual dan menyalin CSS siap tempel ke clipboard.
Cara Menggunakan Generator Box Shadow
-
Sesuaikan penggeser untuk Offset X/Y, Blur, dan Spread untuk memposisikan dan membentuk bayangan.
-
Klik kotak warna untuk memilih warna bayangan, dan gunakan penggeser Opacity untuk transparansi.
-
Aktifkan 'Inset' untuk membuat cahaya dalam atau efek tertekan.
-
Klik '+ Tambah lapisan' untuk menumpuk beberapa bayangan.
-
Salin CSS yang dihasilkan dan tempel ke stylesheet Anda.
Keywords: generator CSS box shadow, box-shadow CSS, alat bayangan CSS, CSS drop shadow, inset shadow, bayangan multi-lapis, CSS shadow online