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
Konverter SCSS menyang CSS
Ganti kode SCSS sampeyan dadi CSS. Cepet, gampang, lan aman.
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.
Nggawe Layouts Flexbox Sampurna
Visualisasi, ngatur, lan ngasilake kode flexbox CSS nganggo antarmuka seret lan selehake intuisi.
Ngonversi JSON menyang TSV kanthi gampang
Ganti data JSON menyang format Tab-Separated Values (TSV) kanthi siji klik. Cepet, aman, lan adhedhasar browser.
Alat Encode Base64
Encode teks menyang format Base64 kanthi gampang ing browser sampeyan.
HSV kanggo RGB
Ngonversi kode warna HSV dadi nilai RGB kanggo pangembangan web