Generator Bayangan Kotak
Buat bayangan kotak CSS
Configuración
Vista Previa
Elemento con sombra
💡Casos de uso
- ✓ Crear efectos de profundidad
- ✓ Diseñar botones con elevación
- ✓ Generar sombras para tarjetas
- ✓ Crear efectos 3D con CSS
Rancang efek bayangan yang indah dengan Box Shadow Generator kami. Buat bayangan CSS khusus untuk tombol, kartu, dan elemen UI dengan pratinjau visual dan pembuatan kode instan.
Key Features
Offset bayangan yang dapat disesuaikan (horizontal dan vertikal)
Mengaburkan dan menyebarkan kontrol radius
Warna bayangan khusus dengan penyesuaian opacity
Dukungan beberapa bayangan untuk efek kompleks
Pratinjau visual waktu nyata
Salin kode CSS dengan satu klik
Pembuat Bayangan Kotak
Sesuaikan Offset
Gunakan penggeser untuk mengatur offset bayangan horizontal dan vertikal dalam piksel
Atur Blur dan Sebarkan
Konfigurasikan radius blur (kelembutan) dan radius penyebaran (perluasan ukuran)
Pilih Warna
Pilih warna bayangan dan sesuaikan opacity untuk efek yang diinginkan
Pratinjau Efek
Lihat efek bayangan pada elemen pratinjau secara real-time
Salin dan Gunakan
Klik Salin untuk menambahkan kode bayangan kotak CSS ke stylesheet Anda
Use Cases
Membuat efek kedalaman dan ketinggian pada tombol
Mendesain komponen kartu dengan bayangan halus
Menambahkan efek hover dengan bayangan dinamis
Membangun desain UI berlapis dengan hierarki bayangan
Frequently Asked Questions
Untuk apa bayangan kotak digunakan?
Box-shadow menciptakan efek bayangan di sekitar elemen HTML untuk kedalaman dan ketertarikan visual
Bisakah saya membuat banyak bayangan?
Ya, alat ini mendukung banyak bayangan kotak untuk efek kompleks
Bagaimana opacity mempengaruhi bayangan?
Opacity (alpha) mengontrol transparansi bayangan dari 0 (transparan) hingga 1 (buram)
Apakah bayangan CSS kompatibel?
Ya, semua nilai box-shadow yang dihasilkan kompatibel dengan browser modern
Tool Information
Related Tools You Might Like
Penjangkit Palet Warna dari Gambar
Ekstrak warna dominan dari suatu gambar
RGB / HEX Converter
Ubah antara format warna RGB dan HEX
Generator Gradien CSS
Buat gradien CSS gubahan dengan pratinjau
Pemeriksa Kontras WCAG
Periksa kontras warna sesuai dengan standar WCAG
Generator Signature Digital
Buat gaya tanda-tangan digital dengan fonta yang berbeda
Generator Bayangan Teks
Buat bayangan teks CSS
Kalkulator Volume papan selancar
Hitung volume papan selancar yang sempurna berdasarkan berat badan, tingkat pengalaman, dan kondisi gelombang.
Konverter Tinggi Gelombang
Mengubah ukuran tinggi gelombang yang berbeda (tinggi wajah, skala Hawaii, gelombang laut).
Scuba Dive Planner
Rencana menyelam scuba Anda dengan batas kedalaman, bawah waktu, dan keselamatan dekompresi persyaratan.