DevTulz Online

CSS gradienta ģenerators

Krāsu apstāšanās punkti

Kas ir CSS gradients?

CSS gradienti ļauj attēlot vienmērīgas pārejas starp divām vai vairākām krāsām bez attēlu failu izmantošanas. Ir trīs veidi: linear-gradient (gar taisnu līniju), radial-gradient (izstarojot no centrālā punkta) un conic-gradient (griežoties ap centrālo punktu). Gradientus izmanto foniem, pogām, pārklājumiem un dekoratīviem elementiem.

Kā lietot CSS gradienta ģeneratoru

  1. Izvēlieties iepriekš iestatītu vērtību no paraugiem vai konfigurējiet savu gradientu.

  2. Izvēlieties gradienta veidu: linear, radial vai conic.

  3. Pielāgojiet leņķi (linear/conic) vai formu (radial).

  4. Rediģējiet krāsu apstāšanās punktus — mainiet krāsas un pozīcijas (0–100%).

  5. Pievienojiet vai noņemiet krāsu apstāšanās punktus pēc vajadzības.

  6. Nokopējiet CSS un ielīmējiet to savā stila lapā.

Keywords: CSS gradienta ģenerators, lineārs gradients, radiāls gradients, konisks gradients, CSS fona ģenerators, gradienta krāsu atlasītājs, CSS gradienta rīks