Funkcja CSS atan2()

Definicja i użycie

CSS atan2() Funkcja zwraca arcytan liczb dwóch wartości między -∞ a ∞.

Te wartości mogą być liczbami, rozmiarami lub procentami. Dwa wartości muszą być tego samego typu.

Funkcja zwraca kąt między -180 a 180 stopniami.

Przykład

Użycie atan2() Elementy obracane:

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));
}

Spróbuj sam

Gramatyka CSS

atan2(y, x)
Wartość Opis
y Wymagane. Oś y. Może być liczbą, rozmiarem lub procentem.
x Wymagane. Oś x. Może być liczbą, rozmiarem lub procentem.

Szczegóły techniczne

Wersja: CSS4

Wsparcie przeglądarki

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

Referencje:Funkcja CSS acos()

Referencje:Funkcja CSS asin()

Referencje:Funkcja atan() w CSS

Referencje:Funkcja CSS calc()

Referencje:Funkcja CSS cos()

Referencje:Funkcja CSS exp()

Referencje:Funkcja CSS hypot()

Referencje:Funkcja CSS log()

Referencje:Funkcja CSS mod()

Referencje:Funkcja CSS pow()

Referencje:Funkcja sin() w CSS

Referencje:Funkcja sqrt() w CSS

Referencje:Funkcja tan() w CSS