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
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.
Jana Transformasi CSS3 dengan Mudah
Alat yang berkuasa dan intuitif untuk mencipta transformasi CSS3 yang kompleks tanpa menulis kod. Visualisasikan perubahan dalam masa nyata dan salin CSS yang dijana untuk digunakan dalam projek anda.
Penukar Unit Astronomi
Tukar antara unit astronomi dengan ketepatan untuk pengiraan angkasa anda
Penukar JSON kepada Base64
Kodkan data JSON anda ke dalam format Base64 dengan selamat dan cekap
Penukar Unit Kuasa
Tukar antara unit kuasa yang berbeza dengan ketepatan untuk keperluan kejuruteraan dan saintifik anda