Cipta Bayang-bayang Kotak CSS yang Cantik dengan Mudah
Jana bayang-bayang kotak yang menakjubkan dengan antara muka intuitif kami. Salin kod CSS dan gunakannya dalam projek anda serta-merta.
Preview
Bayang-bayang 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);
Kawalan Bayangan
Position
Size
Color
Options
Presets
Bayang-bayang Lembut
Bayang-bayang Sederhana
Bayang-bayang Berat
Bayang-bayang Dalam
Pepenjuru Tajam
Garis Besar Cahaya
Bayang-bayang berganda
Kesan Diangkat
Cara Menggunakan
Kawalan Asas
- LaraskanMengimbangi mendataruntuk mengalihkan bayang-bayang ke kiri atau kanan
- LaraskanMengimbangi Menegakuntuk menggerakkan bayang-bayang ke atas atau ke bawah
- TingkatkanJejari kaburuntuk menjadikan bayang-bayang lebih lembut
- Use Jejari Penyebaranuntuk menambah atau mengurangkan saiz keseluruhan bayang-bayang
- TukarColor and OpacityUntuk menyesuaikan penampilan bayang-bayang
Ciri-ciri lanjutan
- Enable Bayang-bayang sisipanuntuk mencipta kesan bayang-bayang dalaman
- Use Pelbagai Bayang-bayanguntuk kesan yang lebih kompleks
- Simpan dan muatkanPresetsuntuk akses pantas kepada bayang-bayang kegemaran anda
- Click Bayang-bayang Rawakuntuk inspirasi
- Salin kod CSS yang dijana dan tampalkannya ke dalam projek anda
Related Tools
Penukar Sass kepada CSS
Ubah kod Sass anda kepada CSS. Pantas, mudah dan selamat.
Penukar Stylus kepada CSS
Ubah kod SCSS anda kepada CSS. Pantas, mudah dan selamat.
Penjana Butang CSS Percuma
Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.
SHA3-224 Kalkulator Hash
Jana cincang SHA3-224 dengan cepat dan mudah
Pengindah JavaScript
Format dan cantikkan kod JavaScript anda dengan ketepatan profesional
Penukar Panjang
Tukar antara unit panjang yang berbeza dengan mudah dan tepat. Sesuai untuk kegunaan harian dan aplikasi profesional.