Gradienți CSS. Gradient liniar - de la stânga la dreapta. Gradient liniar - diagonală.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Următorul exemplu arată un gradient liniar care pornește de la stânga. Începe roșu, trecerea se face la galben:
Exemplu:
#grad {
background-image: linear-gradient(to right, red , yellow);
}
Gradient liniar - diagonală (Linear Gradient - Diagonal)
Puteți face un gradient în diagonală specificând atât pozițiile de pornire orizontale, cât și cele verticale.
Următorul exemplu arată un gradient liniar care începe în stânga sus (și merge spre dreapta jos). Începe roșu, trecerea se face la galben:
Exemplu:
#grad {
background-image: linear-gradient(to bottom right, red, yellow);
}