Gradienți CSS. Folosirea mai multor opriri de culori.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
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);
}