Поворот между двумя линиями, исходящими из одной точки, чаще всего измеряется в градусах.
Углы можно использовать с преобразованиями 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); }
Страницы в тему: