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.
JavaScript Deobfuscator
Ubah kod JavaScript yang dikaburkan kembali kepada format yang boleh dibaca dengan alat penyahkeliruan kami yang berkuasa. Sesuai untuk penyahpepijatan, analisis kod dan pembelajaran daripada skrip sedia ada.
Pantone kepada CMYK
Tukar warna Pantone kepada nilai CMYK untuk reka bentuk cetakan
Penukar Unit Jisim
Tukar antara unit jisim yang berbeza dengan ketepatan untuk keperluan saintifik dan harian anda