Funkcja atan() CSS

Definicja i użycie

CSS atan() Funkcja zwraca wartość liczby między -∞ a ∞ jako wartość odwrotną atan().

Liczby odwrotne atan() zwracają kąt między -90 a 90 stopniami.

Kilka przykładów:

  • atan(-1) oznacza -45 stopni
  • atan(0) oznacza 0 stopni
  • atan(1) oznacza 45 stopni
  • atan(-∞) oznacza -90 stopni
  • atan(∞) oznacza 90 stopni

Przykład

Użycie atan() Elementy obracane:

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

Spróbuj sam

Gramatyka CSS

atan(number)
Wartość Opis
number Wymagane. Liczba między -∞ a ∞.

Szczegóły techniczne

Wersja: CSS4

Obsługa przeglądarek

Liczby w tabeli oznaczają pierwszą wersję przeglądarki, która w pełni obsługuje tę funkcję.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Strony związane

Odniesienie:Funkcja acos() CSS

Odniesienie:Funkcja asin() w CSS

Odniesienie:Funkcja atan2() w CSS

Odniesienie:Funkcja calc() CSS

Odniesienie:Funkcja cos() CSS

Odniesienie:Funkcja exp() CSS

Odniesienie:Funkcja hypot() CSS

Odniesienie:Funkcja log() CSS

Odniesienie:Funkcja mod() CSS

Odniesienie:Funkcja pow() CSS

Odniesienie:Funkcja sin() w CSS

Odniesienie:Funkcja sqrt() w CSS

Odniesienie:Funkcja tan() w CSS