Alat Generator Bayangan Kotak CSS Online

color
color

Buat properti bayangan kotak Anda untuk mendapatkan gaya CSS.

Gunakan penggeser dan pemilih warna untuk mengatur nilai dan tonton pratinjau langsung hingga Anda mencapai efek yang diinginkan. Pilih shift kanan-bawah, spread, blur, opacity, color.

Pilih warna kustom untuk latar belakang pratinjau dan objek Anda.

 

Tambahkan Beberapa Kotak-Bayangan

Browser web memungkinkan kita untuk menambahkan lebih dari satu bayangan ke desain kita dan begitu juga alat online ini. Gunakan tombol Tambah baru untuk menyimpan baris saat ini dan mengatur yang baru. 

 

Sintaks CSS

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

Catatan:  Untuk melampirkan lebih dari satu bayangan ke sebuah elemen, tambahkan daftar bayangan yang dipisahkan koma (lihat contoh "Coba Sendiri" di bawah).