Penjana Bayangan Kotak CSS
Bina kod bayangan kotak CSS secara visual: peluncur untuk mengimbangi, kabur, hamparan, warna dengan kelegapan, mod inset dan sehingga empat lapisan dengan pratonton langsung.
Hasilnya
Pengisytiharan bayang kotak mempunyai enam bahagian yang bergerak — X dan Y mengimbangi, kabur, hamparan, warna dan kata kunci sisipan pilihan — dan satu-satunya cara untuk membetulkannya adalah dengan melihatnya. Penjana ini meletakkan setiap bahagian pada gelangsar dan memaparkan hasilnya pada kad pratonton semasa anda menyeret, jadi garisan CSS di bahagian bawah sentiasa tepat seperti yang anda lihat.
Bayang-bayang dunia nyata jarang sekali menjadi satu lapisan. Senarai lapisan membolehkan anda menyusun sehingga empat bayang dalam satu pengisytiharan: garis gelap yang ketat untuk definisi tepi ditambah cucian lembut yang luas untuk ketinggian, atau pasangan terang-dan-gelap yang mentakrifkan neumorfisme. Pilih lapisan untuk mengeditnya, alih keluar lapisan yang anda tidak perlukan dan gabungan nilai bayangan kotak dikemas kini secara langsung.
Bayang-bayang membaca sangat berbeza pada antara muka gelap, di mana bayang-bayang hitam pada halaman hampir hitam hilang begitu sahaja. Togol latar belakang pratonton menukar tirai latar antara terang dan gelap supaya anda boleh menyemak kedua-dua tema sebelum penghantaran. Halaman pratetap meliputi varian yang sebenarnya dicari orang: bayang ketinggian lembut, telaga inset, resipi neumorfisme dua lapisan dan bayang kad halus.
Seperti setiap alat di tapak ini, penjana adalah percuma dan berjalan sepenuhnya dalam penyemak imbas anda: tiada muat naik, tiada akaun dan ia terus berfungsi di luar talian setelah halaman dimuatkan.