Generator de gradient liniar CSS
Construiți vizual degrade CSS: tip liniar, radial sau conic, glisor unghiular și până la șase opriri de culoare cu o previzualizare pe toată lățimea live și cod copiabil.
Rezultat
Această pagină deschide generatorul de gradient cu tipul liniar deja selectat. Trageți glisorul unghiular pentru a roti estomparea, ajustați opririle de culoare și previzualizarea pe lățime completă plus actualizarea liniei CSS la fiecare intrare.
linear-gradient() pictează culorile de-a lungul unei linii drepte — cel mai folosit gradient în CSS de departe. 90 de grade merge de la stânga la dreapta, 180 de grade de sus în jos și orice unghi între ele dă o diagonală; pozițiile de oprire în procente decid unde fiecare bandă de culoare începe să se amestece cu următoarea.
Când previzualizarea arată corect, copiați linia de fundal în foaia de stil. Dacă doriți un punct de plecare în loc de o tablă goală, paginile presetate pentru apus, ocean și pastel deschid același instrument cu perechi de culori dovedite deja încărcate.