Функция CSS atan()

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

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

Обратное тождество числа возвращает угол между -90 и 90 градусами.

Несколько примеров:

  • atan(-1) представляет -45 градусов
  • atan(0) представляет 0 градусов
  • atan(1) представляет 45 градусов
  • atan(-∞) представляет -90 градусов
  • atan(∞) представляет 90 градусов

Пример

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

div.a {
  transform: rotate(atan(500));
}
div.b {
  transform: rotate(atan(1));
}
div.c {
  transform: rotate(atan(0));
}
div.d {
  transform: rotate(atan(-5000));
}

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

Синтаксис CSS

atan(number)
Значение Описание
number Обязателен. Число между -∞ и ∞.

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

Версия: CSS4

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

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

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

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

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

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

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

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

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

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

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

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

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

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

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

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

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