Buat Bayangan Kotak CSS yang Indah dengan Mudah
Hasilkan bayangan kotak yang menakjubkan dengan antarmuka intuitif kami. Salin kode CSS dan gunakan dalam proyek Anda secara instan.
Preview
Bayangan Kotak
Sesuaikan saya
Keluaran CSS
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Kontrol Bayangan
Position
Size
Color
Options
Presets
Bayangan Lembut
Bayangan Sedang
Bayangan Berat
Bayangan Dalam
Diagonal Tajam
Garis Besar Cahaya
Bayangan Ganda
Efek Terangkat
Cara Penggunaan
Kontrol Dasar
- SesuaikanOffset Horisontaluntuk memindahkan bayangan ke kiri atau kanan
- SesuaikanOffset Vertikaluntuk memindahkan bayangan ke atas atau ke bawah
- TingkatkanRadius Buramuntuk membuat bayangan lebih lembut
- Use Radius Penyebaranuntuk menambah atau mengurangi ukuran keseluruhan bayangan
- UbahColor and Opacityuntuk menyesuaikan tampilan bayangan
Fitur Lanjutan
- Enable Bayangan Sisipanuntuk membuat efek bayangan dalam
- Use Beberapa Bayanganuntuk efek yang lebih kompleks
- Simpan dan muatPresetsuntuk akses cepat ke bayangan favorit Anda
- Click Bayangan Acakuntuk inspirasi
- Salin kode CSS yang dihasilkan dan tempelkan ke proyek Anda
Related Tools
Generator Transisi CSS3
Transisi opasitas yang mulus
Buat Gradien Teks CSS yang Indah dengan Mudah
Buat Efek Teks Gradien yang Menakjubkan untuk Situs Web Anda
Hasilkan Transformasi CSS3 dengan Mudah
Alat yang kuat dan intuitif untuk membuat transformasi CSS3 yang kompleks tanpa menulis kode. Visualisasikan perubahan secara real-time dan salin CSS yang dihasilkan untuk digunakan dalam proyek Anda.
Alat Pengkodean URL
Kodekan parameter URL dengan mudah langsung di browser Anda.
Konverter Kecepatan
Ubah kecepatan lari dengan mudah antara unit yang berbeda dan hitung perkiraan waktu dan jarak
Pembuat Hash Kata Sandi WordPress
Hasilkan hash kata sandi yang aman untuk WordPress