Gradienți CSS. Utilizarea unghiurilor.

Utilizarea unghiurilor (Using Angles)

Dacă doriți un control mai mare asupra direcției gradientului, puteți defini un unghi, în loc de direcțiile predefinite (în jos, în sus, în dreapta, în stânga, în dreapta jos etc.).

Sintaxă



Unghiul este specificat ca un unghi între o linie orizontală și linia de gradient.

Următorul exemplu arată modul de utilizare a unghiurilor pe gradienți liniari:



Exemplu:

#grad {
  background-image: linear-gradient(-90deg, red, yellow);
}