Pembuat Bayangan Kotak
Desain bayangan kotak berlapis dengan offset, blur, spread, dan warna. Pratinjau pada kartu, lalu salin CSS dalam satu klik.
Box Shadow Generator
LiveCSS output
box-shadow: 8px 16px 32px -4px rgba(192, 38, 211, 0.35); border-radius: 24px;
Key capabilities
- Desain bayangan kotak berlapis dengan offset, blur, spread, dan warna — termasuk pratinjau langsung.
- Berjalan di browser Anda
- Gratis untuk digunakan
Cara penggunaan
- Sesuaikan offset, blur, dan sebar.
- Pilih warna dan opacity (atau tambahkan lapisan).
- Salin CSS bayangan kotak.
How this tool works
- Sesuaikan offset, blur, dan sebar.
- Pilih warna dan opacity (atau tambahkan lapisan).
- Salin CSS bayangan kotak.
Recommended settings
- Gunakan opsi default terlebih dahulu, lalu sesuaikan jika perlu
Supported formats
Text / on-page input
File size and limits
- Pratinjau multi-lapis yang sangat rumit mungkin terasa lebih lambat di ponsel lama.
Privacy
Generator warna & CSS berjalan sepenuhnya di browser Anda. Pratinjau dan konversi tidak pernah mengunggah gaya Anda.
Common use cases
- Gunakan Box Shadow Generator kapan pun Anda membutuhkannya: Rancang bayangan kotak berlapis dengan offset, blur, spread, dan warna — termasuk pratinjau langsung.
Troubleshooting
Pratinjau terlihat berbeda setelah ditempel
Periksa CSS yang bersaing di halaman Anda (reset, warna yang diwarisi). Salin aturan yang dihasilkan ke dalam stylesheet terisolasi terlebih dahulu.
FAQ
Apakah ini mengunggah CSS saya?
Tidak. Generator dan konverter dijalankan di browser Anda dengan pratinjau langsung.
Apakah saya memerlukan akun?
Tidak. Buka alatnya, atur kontrolnya, dan salin CSSnya.
Alat terkait
Text Shadow Generator
Craft readable text-shadow styles with live typography preview.
Open toolBorder Radius Generator
Control each corner independently and preview rounded shapes with copy-ready CSS.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open tool