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?
Generator CSS box-shadow online gratis dengan kontrol offset, blur, spread, warna, dan inset, memberikan pratinjau langsung bayangan dan menghasilkan kode CSS box-shadow siap salin untuk elemen apa pun.
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
Generator Gradien CSS Generator gradien CSS visual gratis: rancang gradien linear, radial dan conic, atur titik warna dan sudut, lalu salin kode CSS siap pakai untuk latar belakang situs web Anda.
Generator CSS Border Radius Generator CSS border-radius online gratis dengan delapan pegangan sudut independen dan slider, memberikan pratinjau langsung bentuk membulat dan menghasilkan kode CSS border-radius siap salin.
Generator CSS Flexbox Playground CSS Flexbox online gratis dengan editor visual untuk justify-content, align-items, flex-direction, dan wrap, menampilkan pratinjau tata letak langsung dan menghasilkan CSS Flexbox siap salin.
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.