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

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

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

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

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