Generator CSS Box Shadow
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);Drop Shadow
Terakhir diperbarui: 2026 · Alat online gratis
Apa itu Generator CSS Box Shadow?
Editor visual online gratis untuk membuat CSS box-shadow dan menyalin kode
Cara Penggunaan
- 1 Pilih Preset — Mulai dengan cepat menggunakan tombol preset.
- 2 Sesuaikan Slider — Sesuaikan bayangan menggunakan slider offset X/Y, blur, dan spread.
- 3 Pratinjau — Periksa hasil secara real-time di pratinjau di atas.
- 4 Salin CSS — Gunakan tombol salin untuk mendapatkan CSS box-shadow.
Alat Terkait
Pertanyaan yang Sering Diajukan
Ya, gunakan tombol 'Tambah Bayangan' untuk menumpuk beberapa bayangan.
Ya, aktifkan kotak centang Inset pada setiap bayangan untuk membuat bayangan dalam.
Tersedia lima preset: Subtle, Medium, Large, Inset, dan Double.
Ya, Anda dapat langsung memasukkan rgba(0,0,0,0.15) di kolom input warna.
Tidak. Semua perhitungan dilakukan di browser.