Generator bayangan CSS
Susun hingga 8 lapisan box-shadow dengan offset, blur, spread, warna, dan inset, pratinjau langsung, lalu salin CSS-nya.
- Berjalan di browser
- Tanpa unggahan
- Hasil tetap di perangkat Anda
Privasi & batasBerjalan di browser Anda. Tidak ada yang diunggah.
Isi input tetap di tab ini; Refentra tidak mengunggah atau menyimpannya. Jumlah tindakan agregat opsional hanya dikirim dengan persetujuan pengukuran penggunaan Anda. Hapus ruang kerja setelah selesai.
Profil yang didukung: 1–8 lapisan px dapat diedit, inset dan alfa 0–1; blur tidak boleh negatif.
Maksimum 200.000 unit UTF-16; batas parser bisa lebih kecil. Worker: 15 detik (regex 1,5 detik).
Periksa input dan hasil
- Siapkan dan pilih operasi
Atur offset horizontal/vertikal, blur, spread, warna, dan alpha untuk tiap lapisan; aktifkan inset untuk bayangan bagian dalam.
- Periksa contoh nyata
Coba contoh ini dan bandingkan hasil yang ditunjukkan: x=0 y=4 blur=8 spread=0 color=#000000 alpha=0.25 → 0px 4px 8px 0px rgba(0, 0, 0, 0.25)
- Periksa sebelum memakai hasil
Periksa bayangan gabungan pada latar yang kontras; beberapa lapisan dipisahkan koma dan urutannya dipertahankan.
Jawaban untuk tugas ini
Mengapa bayangan bisa hilang setelah disalin?
Elemen induk dengan clipping/overflow bisa memotongnya; alpha 0 atau latar yang sama warnanya juga bisa menyembunyikan bayangan yang sebenarnya valid.
Apa yang perlu diperiksa jika input ditolak?
Berikan 1–8 lapisan yang valid; blur tidak boleh negatif dan alpha harus antara 0 dan 1. Offset dan spread boleh negatif.
Sampai di mana batas alat ini?
Hasilnya memberi gaya pada kotak elemen; alat ini tidak membuat text-shadow dan tidak mengikuti kontur opak gambar transparan.