CSS atan() funktion

Definition och användning

CSS atan() Funktionen returnerar det reciprokta talet av ett tal mellan -∞ och ∞.

Det reciprokta talet av ett tal returnerar ett tal mellan -90 och 90 grader.

Några exempel:

  • atan(-1) betyder -45 grader
  • atan(0) betyder 0 grader
  • atan(1) betyder 45 grader
  • atan(-∞) betyder -90 grader
  • atan(∞) betyder 90 grader

Exempel

Använd atan() Rotera 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));
}

Prova själv

CSS syntax

atan(number)
Värde Beskrivning
number Obligatorisk. Ett tal mellan -∞ och ∞.

Tekniska detaljer

Version: CSS4

Webbläsarstöd

Talen i tabellen representerar den första versionen av webbläsaren som helt stöder denna funktion.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Relaterade sidor

Referens:CSS acos() funktion

Referens:CSS asin() funktion

Referens:CSS atan2() funktion

Referens:CSS calc() funktion

Referens:CSS cos() funktion

Referens:CSS exp() funktion

Referens:CSS hypot() funktion

Referens:CSS log() funktion

Referens:CSS mod() funktion

Referens:CSS pow() funktion

Referens:CSS sin() funktion

Referens:CSS sqrt() funktion

Referens:CSS tan() funktion