Gradienți CSS. Folosirea mai multor opriri de culori.

Folosirea mai multor opriri de culori (Using Multiple Color Stops)

Următorul exemplu arată un gradient liniar (de sus în jos) cu mai multe opriri de culoare(multiple color stops):



Exemplu:

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

Următorul exemplu arată cum se creează un gradient liniar (de la stânga la dreapta) cu culoarea curcubeului și cu un text:



Exemplu:

#grad {
  background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
}