Значение CSS: Угол

Поворот между двумя линиями, исходящими из одной точки, чаще всего измеряется в градусах.

Углы можно использовать с преобразованиями CSS и градиентами.

Когда угол используется для указания направления (например, с помощью linear-gradient), 0deg или эквивалента, указывает прямо вверх, 90deg указывает вправо, 180deg указывает вниз и 270deg (или -90deg) указывает влево.

Статический угол может быть представлен многими способами; 0deg будет иметь тот же эффект, что и 360deg или 3600deg (каждый из этих поворотов достигает одной и той же точки на окружности). Однако, если углы используются в сочетании с анимацией, такой как переходы, то будет учитываться каждый поворот круга; 3600deg, например, это составит десять поворотов.

deg

Единица измерения: deg.
Описание: градусы. В окружности 360 градусов.
Пример:

body { background: linear-gradient(20deg, orange, red); }

grad

Единица измерения: grad.
Описание: градиенты. В круге 400 градиентов.
Пример:

.photo { transform: rotate(50grad); }

rad

Единица измерения: rad.
Описание: радианы. В окружности 2π (приблизительно 6,28) радиана.
Пример:

 .smoothCriminal { transform: skew(-1rad); }

turn

Единица измерения: turn.
Описание: повороты. В круге есть один поворот. Не поддерживается широко.
Пример:

.propeller { transform: rotate(999turn); }

Страницы в тему:

Добавить комментарий