Gjenerator i gradienteve

Ndërtoni një gradient linear, radial ose konik, shtoni ndalesa ngjyrash dhe vendosni drejtimin, pastaj kopjoni CSS-në me një klikim.

Lloji i gradientit
Ndalesat e ngjyrave
CSS
Rregulloni ndalesat dhe drejtimin për të formësuar gradientin tuaj.

Çdo gradient renditet drejtpërdrejt në shfletuesin tuaj. Asgjë që vendosni këtu nuk ngarkohet në BroBroGo.

Pyetje të shpeshta

Cili është ndryshimi midis gradienteve linearë, radialë dhe konikë?

Një gradient linear përzien ngjyrat përgjatë një linje të drejtë që ju e drejtoni me një kënd. Një gradient radial i përhap ato nga jashtë qendrës në formë rrethi ose elipse. Një gradient konik i rrotullon ato rreth qendrës si një rrotë ngjyrash.

Çfarë janë ndalesat e ngjyrave?

Çdo ndalesë ngjyre (color stop) është një ngjyrë e fiksuar në një pozicion përgjatë gradientit — 0% në fillim, 100% në fund. Lëvizni një ndalesë për të zhvendosur vendin ku ngjyra e saj arrin kulmin, ose shtoni më shumë ndalesa për një përzierje më të pasur. Mund të përdorni deri në tetë.

Si ta kontrolloj drejtimin?

Për një gradient linear ose konik, rrëshqitësi i këndit përcakton drejtimin — 0° tregon lart, 90° tregon djathtas. Një gradient radial nuk ka kënd; zgjedhni një formë rrethi ose elipse në vend të tij për të ndryshuar mënyrën se si përhapet.

Gjenerator i CSS Cubic BezierTërhiqni dy dorezat për të formësuar një kurbë zbutjeje, shikoni një pikë duke lëvizur përgjatë saj kundrejt një lëvizjeje të qëndrueshme dhe kopjoni vlerën cubic-bezier().Gjenerator i Box ShadowTërhiqni rrëshqitësit për të formësuar një box-shadow, mbivendosni shtresa për thellësi dhe kopjoni CSS-në e përfunduar menjëherë.Gjenerator i Border RadiusRrumbullakosni çdo kënd me rrëshqitës, krijoni forma organike blob me modalitetin eliptik dhe kopjoni CSS-në menjëherë.Gjenerator i FlexboxKrijoni një kontejner flex dhe elementet e tij me kontrolle vizuale, shikoni strukturën duke reaguar drejtpërdrejt dhe kopjoni CSS-në me një klikim.Gjenerator i CSS GridVendosni kolonat dhe rreshtat tuaj, tërhiqni përgjatë qelizave për të vendosur elemente dhe kopjoni CSS-në e rrjetës me HTML-në përkatëse me një klikim.Kalkulator i CSS clamp()Vendosni një madhësi për ekranet e vegjël dhe të mëdhenj dhe merrni një vlerë fluide clamp() që shkallëzohet pa probleme në mes — për madhësitë e fonteve, padding, margin ose gap.Konvertues i ngjyraveKonvertoni ngjyrat midis HEX, RGB, HSL, HSV, CMYK dhe LAB — ndryshoni çdo fushë dhe të tjerat përditësohen gjatë shkrimit.Zbukurues & Zvogëlues CSSRregulloni kryerreshtat e CSS-së së rrëmujshme për ta lexuar, ose zvogëlojeni për ta publikuar — me një modalitet të sigurt që nuk ndryshon kurrë renditjen e rregullave tuaja.Kontrollues i kontrastitVendosni një ngjyrë teksti dhe sfondi për të parë raportin e kontrastit WCAG dhe cilët nivele AA dhe AAA kalojnë.