Несколько способов задания углов для градиентов в CSS:
- Указание конкретного угла в градусах. 1 Например: 0deg — снизу вверх, 20deg — немного по диагонали, идущей по часовой стрелке, 90deg — слева направо, 180deg — сверху вниз (значение по умолчанию). 1
- Использование ключевых слов с приставкой to. 4 Они задают направление градиента и имеют эквиваленты в углах: 4
- to top — 0deg; 4
- to bottom — 180deg; 4
- to right — 90deg; 4
- to left — 270deg. 4 Ключевые слова можно сочетать, чтобы направить градиент в нужный угол элемента. 4 Например, to top left будет рисовать градиент из правого нижнего в левый верхний угол. 4
- Использование единиц измерения угла. 3 Угол градиента можно задать в градусах, градах, радианах или количестве оборотов. 3
Эти способы подходят для разных типов градиентов в CSS: линейных, радиальных и конических. 3