Ġeneratur ta' Gradjenti

Ibni gradjent lineari, radjali, jew koniku, żid waqfiet tal-kulur u ssettja d-direzzjoni, imbagħad ikkopja s-CSS bi klikk waħda.

Tip ta' gradjent
Waqfiet tal-kulur
CSS
Aġġusta l-waqfiet u d-direzzjoni biex tifforma l-gradjent tiegħek.

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

Mistoqsijiet Frekwenti

X'inhi d-differenza bejn gradjenti lineari, radjali u koniċi?

Gradjent lineari jħallat il-kuluri tul linja dritta li tidderieġiha b'angolu. Gradjent radjali jinfirex 'il barra miċ-ċentru f'forma ta' ċirku jew ellissi. Gradjent koniku jdur madwar iċ-ċentru bħal rota tal-kuluri.

X'inhuma l-waqfiet tal-kulur (color stops)?

Kull waqfa tal-kulur (color stop) hija kulur imwaħħal f'pożizzjoni tul il-gradjent — 0% fil-bidu, 100% fit-tmiem. Mexxi waqfa biex tbiddel fejn il-kulur tagħha jilħaq il-quċċata tiegħu, jew żid aktar waqfiet għal taħlita aktar rikka. Tista' tuża sa tmienja.

Kif nista' nikkontrolla d-direzzjoni?

Għal gradjent lineari jew koniku, is-slider tal-angolu jiddetermina d-direzzjoni — 0° jipponta 'l fuq, 90° jipponta lejn il-lemin. Gradjent radjali m'għandux angolu; minflok, agħżel forma ta' ċirku jew ellissi biex tbiddel kif jinfirex.

Ġ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' Box ShadowDrag is-sliders biex tifforma box-shadow, żid is-saffi għal aktar fond, u kkopja s-CSS lest istantanjament.Ġ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.