Reka Bentuk
Penjana Bayangan Kotak CSS
Reka bayang kotak secara visual.
Cara menggunakan
Mulakan dari pratetap atau satu lapisan, kemudian tambah lapisan untuk kedalaman. Togol inset untuk kesan ditekan/neumorfik. Salin nilai yang dipisahkan koma ke dalam box-shadow.
Soalan Lazim
Bolehkah saya menindih beberapa bayang?
Ya — tambah lapisan untuk menggabungkan bayang ambien lembut dengan bayang sentuhan yang rapat, atau tindih glow berwarna. Setiap lapisan mempunyai offset, blur, spread, warna dan toggle inset tersendiri.
Apakah fungsi preset?
Titik mula satu klik: elevasi kad gaya Stripe, neumorfisme timbul/tekan, kedalaman Material dan glow lembut — laraskan peluncur selepas digunakan.
Bagaimanakah saya menggunakan keluarannya?
Salin baris box-shadow ke dalam CSS anda. Berbilang lapisan dipisahkan dengan koma, tepat seperti format yang diperlukan pelayar.
Terakhir dikemas kini: