How to control the direction of a linear gradient in CSS?

Направление линейного градиента в CSS можно контролировать двумя способами: 25

1. Указать угол. 25 Угол градиента задаётся в градусах (deg), градах (grad), радианах (rad) или количестве оборотов (turn). 5 Его можно указывать как положительным, так и отрицательным. 5 Например: div { height: 200px; background: linear-gradient(45deg, red, blue); }. 5
2. Использовать ключевые слова. 24 Для указания направления градиента используются ключевые слова с приставкой to: to left, to top, to right, to bottom (по умолчанию). 4 Значения имеют следующие эквиваленты в углах: 4

• to top — 0deg; 4
• to bottom — 180deg; 4
• to right — 90deg; 4
• to left — 270deg. 4

Ключевые слова можно сочетать, чтобы направить градиент в нужный угол элемента. 4 Например: div { height: 200px; background: linear-gradient(to right top, red, blue); }. 5