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
0px
4px
Size
6px
-1px
Color
10%
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
Buat Susun Atur Flexbox yang Sempurna
Visualisasikan, sesuaikan dan jana kod kotak fleksibel CSS dengan antara muka seret dan lepas intuitif kami.
Penukar Stylus kepada CSS
Ubah kod SCSS anda kepada CSS. Pantas, mudah dan selamat.
Penukar SCSS kepada CSS
Ubah kod SCSS anda kepada CSS. Pantas, mudah dan selamat.
Kalkulator Cincang CRC-32
Jana jumlah semak CRC-32 dengan cepat dan mudah
HSV kepada RGB
Tukar kod warna HSV kepada nilai RGB untuk pembangunan web
Kalkulator Peratusan
Kira peratusan dengan mudah dengan kalkulator peratusan intuitif kami.