CSS linear-gradient հատկություն

Գրադիենտները թույլ են տալիս ցուցադրել հարթ փոխանցումներ երկու կամ ավելի հատկանշված գույների միջև:

Օրինակ

#gradient {
    height: 200px;
    background: -webkit-linear-gradient(white, black); /* Safari */
    background: linear-gradient(white, black);
}
Փորձել
-webkit-
Նախնական արժեք top
Ժառանգվող
Անիմացվող
JavaScript սինթաքս օբյեկտ.style.backgroundImage="linear-gradient(white, black)"
Դիրք Անկյուն Բնութագիր Արդյունք
top 270deg Վերևից ներքև
left 0deg Ձախից աջ
bottom 90deg Ներքևից վերև
right 180deg Աջից ձախ
top left -45deg Վերին ձախ անկյունից ստորին աջ անկյուն
top right 225deg Վերին աջ անկյունից ստորին ձախ անկյուն
bottom left 45deg Ստորին ձախ անկյունից վերին աջ անկյուն
bottom right -225deg Ստորին աջ անկյունից վերին ձախ անկյուն