CSS gradiendi generaator

Gradiendi tüüp

Nurk (kraadid)

Kuju

Värvipeatused

CSS väljund

Mis on CSS gradient?

CSS-gradiendid võimaldavad kuvada sujuvaid üleminekuid kahe või enama värvi vahel ilma pildifaile kasutamata. Neid on kolme tüüpi: linear-gradient (mööda sirget joont), radial-gradient (kiirgab keskmisest punktist) ja conic-gradient (pöörlevalt ümber keskmise punkti). Gradiendid sobivad taustade, nuppude, ülekattete ja dekoratiivsete elementide jaoks.

Kuidas CSS gradiendi generaatorit kasutada

Vali eelseadistus värvinäidistest või seadista oma gradient.
Vali gradiendi tüüp: linear, radial või conic.
Kohanda nurka (linear/conic jaoks) või kuju (radial jaoks).
Muuda värvipeatusi — vaheta värve ja asukohti (0–100%).
Lisa või eemalda värvipeatusi vastavalt vajadusele.
Kopeeri CSS ja kleebi see oma stiililehele.

Keywords: CSS gradiendi generaator, lineaarne gradient, radiaalne gradient, kooniline gradient, CSS tausta generaator, gradiendi värvi valija, CSS gradiendi tööriist