Как изменить направление линейного градиента в CSS?

Чтобы изменить направление линейного градиента в CSS, можно использовать ключевые слова или значения угла. webref.ru

Ключевые слова указывают начальную позицию градиента: basicweb.ru

• to left — градиент размещается справа налево; basicweb.ru
• to right — градиент размещается слева направо; basicweb.ru
• to top — градиент размещается снизу вверх; basicweb.ru
• to bottom — градиент размещается сверху вниз (значение по умолчанию). basicweb.ru

Значения угла в диапазоне от 0 до 360 совместно с ключевым словом deg задают направление градиента. basicweb.ru Например, 0deg означает, что градиент начинается в левой части и перемещается в правую. metanit.com Значение 45deg указывает, что градиент начинается в нижнем левом углу и перемещается под углом 45° в верхний правый угол. metanit.com

Ключевые слова можно сочетать, чтобы направить градиент в нужный угол элемента. doka.guide Например, to top left будет рисовать градиент из правого нижнего в левый верхний угол. doka.guide