CSS atan() Funktion

Definition und Verwendung

CSS atan() Die Funktion gibt den Arcustangens einer Zahl zwischen -∞ und ∞ zurück.

Die Arcustangens einer Zahl gibt einen Winkel zwischen -90 und 90 Grad zurück.

Einige Beispiele:

  • atan(-1) bedeutet -45 Grad
  • atan(0) bedeutet 0 Grad
  • atan(1) bedeutet 45 Grad
  • atan(-∞) bedeutet -90 Grad
  • atan(∞) bedeutet 90 Grad

Beispiel

Verwenden Sie atan() Drehen Sie das Element:

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

Selbst ausprobieren

CSS Syntax

atan(number)
Wert Beschreibung
number Erforderlich. Eine Zahl zwischen -∞ und ∞.

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 atan2() 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