Pembuat Bayangan Kotak CSS

Deklarasi bayangan kotak memiliki enam bagian yang bergerak — offset X dan Y, blur, spread, warna, dan kata kunci inset opsional — dan satu-satunya cara untuk memperbaikinya adalah dengan melihatnya. Generator ini menempatkan setiap bagian pada penggeser dan menampilkan hasilnya pada kartu pratinjau saat Anda menyeret, sehingga baris CSS di bagian bawah selalu persis seperti yang Anda lihat.

Bayangan di dunia nyata jarang berupa satu lapisan. Daftar lapisan memungkinkan Anda menumpuk hingga empat bayangan dalam satu deklarasi: garis gelap pekat untuk definisi tepi ditambah sapuan lembut lebar untuk ketinggian, atau pasangan terang-gelap yang mendefinisikan neumorfisme. Pilih lapisan untuk mengeditnya, hapus yang tidak Anda perlukan, dan nilai gabungan bayangan kotak akan diperbarui secara langsung.

Bayangan terbaca sangat berbeda pada antarmuka yang gelap, di mana bayangan hitam pada halaman yang hampir hitam menghilang begitu saja. Pengalih latar belakang pratinjau mengalihkan latar belakang antara terang dan gelap sehingga Anda dapat memeriksa kedua tema sebelum pengiriman. Halaman preset mencakup varian yang sebenarnya dicari orang: bayangan elevasi lembut, lubang sisipan, resep neumorfisme dua lapis, dan bayangan kartu halus.

Seperti semua alat di situs ini, generator ini gratis dan berjalan sepenuhnya di browser Anda: tanpa unggahan, tanpa akun, dan terus bekerja secara offline setelah halaman dimuat.