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 SCSS kepada CSS
Ubah kod SCSS anda kepada CSS. Pantas, mudah dan selamat.
Penukar Stylus kepada CSS
Ubah kod SCSS anda kepada CSS. Pantas, mudah dan selamat.
Kalkulator Peratusan
Kira peratusan dengan mudah dengan kalkulator peratusan intuitif kami.
Penukar CSS kepada LESS
Ubah kod CSS anda kepada KURANG dengan pembolehubah, bersarang dan banyak lagi. Pantas, mudah dan selamat.
Buat pemuat CSS yang cantik
Jana animasi pemuatan CSS tersuai dalam beberapa saat dengan antara muka seret dan lepas intuitif kami. Tiada pengekodan diperlukan!