CSS linear-gradient հատկություն
Գրադիենտները թույլ են տալիս ցուցադրել հարթ փոխանցումներ երկու կամ ավելի հատկանշված գույների միջև:
Օրինակ
#gradient { height: 200px; background: -webkit-linear-gradient(white, black); /* Safari */ background: linear-gradient(white, black); }Փորձել
-webkit-
Դիրք | Անկյուն | Բնութագիր | Արդյունք |
top | 270deg | Վերևից ներքև | ![]() |
left | 0deg | Ձախից աջ | ![]() |
bottom | 90deg | Ներքևից վերև | ![]() |
right | 180deg | Աջից ձախ | ![]() |
top left | -45deg | Վերին ձախ անկյունից ստորին աջ անկյուն | ![]() |
top right | 225deg | Վերին աջ անկյունից ստորին ձախ անկյուն | ![]() |
bottom left | 45deg | Ստորին ձախ անկյունից վերին աջ անկյուն | ![]() |
bottom right | -225deg | Ստորին աջ անկյունից վերին ձախ անկյուն | ![]() |