Nggawe Bayangan Kothak CSS sing Apik kanthi Gampang
Gawe bayangan kothak sing nggumunke kanthi antarmuka intuisi kita. Salin kode CSS lan gunakake ing proyek sampeyan kanthi cepet.
Preview
Shadow kothak
Ngatur kula
Output CSS
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Kontrol Shadow
Position
Size
Color
Options
Presets
Shadow Lembut
Bayangan Sedheng
Bayangan abot
Bayangan Batin
Diagonal sing cetha
Outline Glow
Bayangan Ganda
Efek Ngangkat
Carane Gunakake
Kontrol dhasar
- Nyetel ingOffset Horisontalkanggo mindhah bayangan ngiwa utawa nengen
- Nyetel ingOffset vertikalkanggo mindhah bayangan munggah utawa mudhun
- Tambah ingRadius Blurkanggo nggawe bayangan luwih alus
- Use Radius nyebarkanggo nambah utawa nyuda ukuran sakabèhé saka bayangan
- NggantiColor and Opacitykanggo ngatur tampilan bayangan
Fitur Lanjut
- Enable Inset Shadowkanggo nggawe efek bayangan batin
- Use Multiple Shadowskanggo efek sing luwih kompleks
- Simpen lan mbukakPresetskanggo akses cepet menyang bayangan favorit
- Click Bayangan Acakkanggo inspirasi
- Salin kode CSS sing digawe banjur tempel menyang proyek sampeyan
Related Tools
Nggawe Transformasi CSS3 kanthi Gampang
Alat sing kuat lan intuisi kanggo nggawe transformasi CSS3 sing kompleks tanpa nulis kode. Visualisasi owah-owahan ing wektu nyata lan salin CSS sing digawe kanggo digunakake ing proyek sampeyan.
Stylus kanggo CSS Converter
Ganti kode SCSS sampeyan dadi CSS. Cepet, gampang, lan aman.
Sass kanggo CSS Converter
Ganti kode Sass sampeyan dadi CSS. Cepet, gampang, lan aman.
Ngonversi JSON dadi Teks kanthi Gampang
Ganti data JSON sampeyan dadi teks biasa sing diformat kanthi siji klik. Cepet, aman, lan adhedhasar browser.
HEX kanggo RGB
Ngonversi kode warna HEX menyang nilai RGB kanggo pangembangan web
Konverter SCSS menyang CSS
Ganti kode SCSS sampeyan dadi CSS. Cepet, gampang, lan aman.