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.
Kurang kanggo Konverter CSS
Ganti kode Kurang dadi CSS. Cepet, gampang, lan aman.
RGB kanggo HSV
Ngonversi warna RGB menyang nilai HSV kanggo manipulasi warna intuisi
Konverter Nomer menyang Angka Romawi
Ngonversi angka menyang angka Romawi kanthi gampang lan presisi
Konverter CSS menyang KURANG
Ganti kode CSS sampeyan dadi KURANG karo variabel, nesting, lan liya-liyane. Cepet, gampang, lan aman.