Функция CSS atan2()

Определение и использование

Функция CSS atan2() Функция возвращает арктангенс двух значений между -∞ и ∞.

Эти значения могут быть числом, размером или процентом. Два значения должны быть одного типа.

Функция возвращает угол между -180 и 180 градусами.

Пример

Использование atan2() Элементы вращения:

div.a {
  transform: rotate(atan2(50, 100));
}
div.b {
  transform: rotate(atan2(30px, -3rem));
}
div.c {
  transform: rotate(atan2(40%, 75%));
}
div.d {
  transform: rotate(atan2(pi, 25));
}

Попробуйте сами

Синтаксис CSS

atan2(y, x)
Значение Описание
y Обязателен. Y координата. Может быть числом, размером или процентом.
x Обязателен. X координата. Может быть числом, размером или процентом.

Технические детали

Версия: CSS4

Поддержка браузеров

Числа в таблице указывают на версию первого браузера, который полностью поддерживает эту функцию.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Связанные страницы

См. также:Функция CSS acos()

См. также:Функция CSS asin()

См. также:Функция atan() в CSS

См. также:Функция CSS calc()

См. также:Функция CSS cos()

См. также:Функция CSS exp()

См. также:Функция CSS hypot()

См. также:Функция CSS log()

См. также:Функция CSS mod()

См. также:Функция CSS pow()

См. также:Функция sin() в CSS

См. также:Функция sqrt() в CSS

См. также:Функция tan() в CSS