Free Pencipta bayangan kotak CSS
Diwangun ku CSS box-shadow visual kalawan pra-ngarekam, inset, lan lapisan kadua - salinan kode.
100% акысыз
Ora ana
Ora ana tandha banyu
✨
Go Pro pikeun model AI pangalusna - gambar, video sareng obrolan - plus upload anu langkung ageung, prioritas dina baris sareng henteu ngantosan.
Ningkatake menyang Pro
Love Best.Free? Bagikan
Carane kerjane
- Pindah slider. Nyatet offset, kabut, lebaran, warna, jeung opasitas; togol inset lamun hoyong bayangan jero.
- Lihat pratinjau. Kotak aktif diundhuh nalika sampeyan nyelehake; tambahake lapisan kaping loro ing pilihan tingkat dhuwur kanggo kedalaman.
- [Translation temporarily unavailable. Please try again.]. Sawise iku, CSS disimpen ing file CSS lan disimpen ing komputer.
Ngelatar iki
Desain bayangan kotak tanpa kudu ngaduga nilai piksel. Nyabut offset-X, offset-Y, kabut, sarta lempengan ngaleupaskeun, pilih warna bayangan sarta dial katutupana, sarta tingali pembaruan kotak pra-pikacakan dina waktu nyata - saterusna salin CSS bayangan kotak anu pas. Ngagantikeun togol inset pikeun bayangan jero. Pilihan canggih ngatumpuk lapisan bayangan kadua, sahingga anjeun bisa ngawangun bayangan anu lembut, loba lapisan anu dipaké dina kartu jeung tombol modern. Sadayana dijalankeun dina peramban anjeun.
Apa wong nggunakake iku kanggo
- Tambahkan bayangan lembut ke kartu dan modal
- Nggawe bayangan jero (inset) kanggo input lan wells
- Tumpukan loro lapisan kanggo bayang-bayang kang nyata lan difusi
- Ngrekam offset lan blur supaya cocok karo mock-up desain
Takon-takon kang kerep diajukake
Ofset-X/Y ngaleupaskeun bayanganna sacara horisontal jeung vertikal, kabur ngaleupaskeun pinggirna, sarta ngaleupaskeun tumuwuhna atawa nguranganna sadaya bayanganna saméméh kabur diterapkeun. Pratélan langsung ngagambarkeun unggal-unggal pamutahiran.
Insert ngagambarkeun bayangan di jero unsur lain di tukangana, ngajadikeun katingalina kawas diklik - mangpaat pikeun input jeung togol. Balikkeun togol insert pikeun ngaganti.
Pilih warna, tuluy gunakeun slider opacity; alatna bakal ngahasilkeun nilai rgba () supados bayanganna bisa dicampur sacara alami.
Ya. Buka pilihan canggih pikeun ngaaktifkeun lapisan bayang kadua kalayan offset, kabut, warna, sarta inset sorangan.
Teu. Panghasilna dijalankeun sacara lengkep dina panyungsi anjeun; slider ngan ukur ngahitung string CSS sacara lokal.
Kabéh bébas, tanpa akun, tanpa watesan - alat klien-side tanpa nanaon pikeun meter.
Ya. Ieu dijalankeun dina browser anjeun, jadi CSS Box Shadow Generator gawé dina telepon jeung tablet sakumaha ogé desktop - aya teu aya aplikasi pikeun masang.
Sacara umum, éta ngan sababaraha detik pikeun file biasa - CSS Box Shadow Generator mimiti damel nalika anjeun masihan éta input anjeun.
Kauntungan tina sistem ieu nyaéta gampang digunakeun, gampang dioperasikeun, sareng gampang dioperasikeun ku saha waé.
Sadaya browser modern - Chrome, Safari, Firefox sareng Edge. CSS Box Shadow Generator henteu peryogi nanaon anu diinstal di luar browser anu anjeun parantos nganggo.