Penjana Box Shadow CSS
Bina kod box-shadow CSS secara visual: peluncur untuk ofset, kabur, sebaran, warna dengan kelegapan, mod inset dan sehingga empat lapisan dengan pratonton langsung.
🔒 Diproses sepenuhnya dalam penyemak imbas anda — tiada apa yang anda masukkan di sini pernah dimuat naik.
Keputusan
Pengisytiharan box-shadow mempunyai enam bahagian bergerak — ofset X dan Y, kabur, sebaran, warna dan kata kunci inset pilihan — dan satu-satunya cara untuk mendapatkannya dengan tepat adalah dengan melihatnya. Penjana ini meletakkan setiap bahagian pada peluncur dan memaparkan hasilnya pada kad pratonton semasa anda menyeret, jadi baris CSS di bahagian bawah sentiasa tepat seperti yang anda lihat.
Bayang dunia sebenar jarang sekali satu lapisan. Senarai lapisan membolehkan anda menindan sehingga empat bayang dalam satu pengisytiharan: garis gelap ketat untuk definisi tepi serta sapuan lembut lebar untuk ketinggian, atau pasangan cerah-dan-gelap yang mentakrifkan neumorfisme. Pilih lapisan untuk menyuntingnya, buang yang anda tidak perlukan, dan nilai box-shadow gabungan dikemas kini secara langsung.
Bayang kelihatan sangat berbeza pada antara muka gelap, di mana bayang hitam pada halaman hampir hitam hilang begitu sahaja. Togol latar belakang pratonton menukar latar belakang antara cerah dan gelap supaya anda boleh menyemak kedua-dua tema sebelum menerbitkan. Halaman praset meliputi varian yang biasa dicari orang: bayang ketinggian lembut, telaga inset, resipi neumorfisme dua lapisan dan bayang kad halus.
Seperti setiap alat di laman ini, penjana ini percuma dan berjalan sepenuhnya dalam pelayar anda: tiada muat naik, tiada akaun, dan ia terus berfungsi di luar talian setelah halaman dimuatkan.