Ġeneratur ta' Box Shadow

Drag is-sliders biex tifforma box-shadow, żid is-saffi għal aktar fond, u kkopja s-CSS lest istantanjament.

Saffi tad-dell
Saff 1
CSS
Aġġusta s-sliders biex tifforma d-dell tiegħek.

Kull dell jiġi ġġenerat fil-browser tiegħek. Xejn minn dak li tikkonfigura hawn ma jiġi mtella' fuq BroBroGo.

Mistoqsijiet Frekwenti

X'jikkontrollaw eżattament l-offset, il-blur, u l-spread?

L-offset imexxi d-dell fuq ix-xellug/lemin u 'l fuq/'l isfel, il-blur jirtab it-truf tiegħu, u l-spread ikabbar jew iċekken id-dell qabel ma jiġi sfukat. Spread negattiv jiġbed id-dell 'l ġewwa, li huwa utli għal dellijiet dojoq u qrib.

X'tagħmel l-għażla inset?

Dell normali jaqa' barra l-element, bħal dawl wara karta mgħollija. Inset jaqilbu għal ġewwa, u b'hekk l-element jidher ippressat 'l ġewwa — utli ħafna għal inputs jew buttuni magħfusa.

Għaliex għandi nuża aktar minn saff wieħed ta' dell?

Dell wieħed jista' jidher ċatt meta jaqbeż ċertu daqs. Elevazzjoni realistika normalment tgħaqqad dell skur u dejjaq ma' dell ieħor irtub u usa' — żid it-tieni saff u kkonfigura kull wieħed b'mod indipendenti biex tikseb dan l-effett.

Ġeneratur ta' CSS Cubic BezierDrag iż-żewġ manki biex tifforma kurva ta' easing, ara tikka timxi magħha mqabbla ma' waħda b'veloċità kostanti, u kkopja l-valur cubic-bezier().Ġeneratur ta' GradjentiIbni gradjent lineari, radjali, jew koniku, żid waqfiet tal-kulur u ssettja d-direzzjoni, imbagħad ikkopja s-CSS bi klikk waħda.Ġeneratur ta' Border RadiusIttundja kull kantuniera bi sliders, oħloq forom organiċi bil-mod ellittiku, u kkopja s-CSS istantanjament.Ġeneratur ta' FlexboxIkkonfigura kontenitur flex u l-oġġetti tiegħu b'kontrolli viżwali, ara t-tqassim jirreaġixxi f'ħin reali, u kkopja s-CSS bi klikk waħda.Ġeneratur ta' CSS GridIssettja l-kolonni u r-ringieli tiegħek, drag fuq iċ-ċelloli biex tpoġġi l-oġġetti, u kkopja s-CSS tal-grid flimkien mal-HTML korrispondenti bi klikk waħda.Kalkolatur ta' CSS clamp()Daħħal daqs għal skrins żgħar u kbar u rċievi valur fluwidu clamp() li jiskala b'mod uniformi bejniethom — għal daqsijiet ta' tipa, padding, margins jew gaps.Konvertitur tal-KulurIkkonverti kuluri bejn HEX, RGB, HSL, HSV, CMYK u LAB — editja kwalunkwe qasam u l-bqija jaġġornaw waqt li tikteb.CSS Beautifier & MinifierErġa' indenta CSS imħawwad biex taqrah, jew ikkompressah biex tibagħtu — b'mod sikur li qatt ma jerġa' jordna r-regoli tiegħek.Verifikatur tal-KuntrastDaħħal kulur tat-test u tal-isfond biex tara l-proporzjon tal-kuntrast WCAG u liema livelli AA u AAA jgħaddu.