CSS atan2() Funktion

Definition und Verwendung

CSS atan2() Die Funktion gibt die Arcus tangens von zwei Werten zwischen -∞ und ∞ zurück.

Diese Werte können eine Zahl, eine Größe oder einen Prozentsatz sein. Die beiden Werte müssen denselben Typ haben.

Diese Funktion gibt einen Winkel zwischen -180 und 180 Grad zurück.

Beispiel

Verwenden Sie atan2() Drehen Sie das Element:

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

Versuchen Sie es selbst

CSS Syntax

atan2(y, x)
Wert Beschreibung
y Erforderlich. y-Koordinate. Dies kann eine Zahl, eine Größe oder ein Prozentsatz sein.
x Erforderlich. x-Koordinate. Dies kann eine Zahl, eine Größe oder ein Prozentsatz sein.

Technische Details

Version: CSS4

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste Browser-Version dar, die diese Funktion vollständig unterstützt.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Verwandte Seiten

Referenz:CSS acos() Funktion

Referenz:CSS asin() Funktion

Referenz:CSS atan() Funktion

Referenz:CSS calc() Funktion

Referenz:CSS cos() Funktion

Referenz:CSS exp() Funktion

Referenz:CSS hypot() Funktion

Referenz:CSS log() Funktion

Referenz:CSS mod() Funktion

Referenz:CSS pow() Funktion

Referenz:CSS sin() Funktion

Referenz:CSS sqrt() Funktion

Referenz:CSS tan() Funktion