Atur offset horizontal dan vertikal, blur, spread, dan warna untuk membuat box-shadow. Pratinjau diperbarui secara langsung. Salin CSS-nya. Berjalan di browser Anda.
box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2);
Tentang Generator CSS Box Shadow
Box-shadow menambahkan bayangan di belakang elemen. Alat ini memungkinkan Anda mengatur offset horizontal dan vertikal, radius blur, spread, dan warna (dengan opsi inset). Pratinjau dan CSS diperbarui saat Anda mengubah nilai. Salin hasilnya ke stylesheet Anda.
Cara penggunaan
- Sesuaikan offset, blur, spread, dan warna. Centang Inset jika Anda menginginkan bayangan ke dalam.
- Salin CSS yang dihasilkan dan tempel ke proyek Anda.
Pertanyaan yang Sering Diajukan
Apa itu inset?
Inset menggambar bayangan di dalam elemen, bukan di luar. Berguna untuk efek yang tertekan atau cekung.
Apakah input saya dikirim ke server?
Tidak. CSS dibuat di browser Anda. Tidak ada yang diunggah.
Bisakah saya menggunakan beberapa bayangan?
Alat ini menghasilkan satu bayangan. Untuk beberapa bayangan, salin output-nya dan tambahkan nilai yang dipisahkan koma ke box-shadow.