CSS atan() funktion

Definition og brug

CSS' atan() Funktionen returnerer arctan af et tal mellem -∞ og ∞.

Antalens arctan returnerer et tal mellem -90 og 90 grader.

Nogle eksempler:

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

Eksempel

Brug atan() Roterende 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));
}

Prøv det selv

CSS syntaks

atan(number)
Værdi Beskrivelse
number Obligatorisk. Et tal mellem -∞ og ∞.

Tekniske detaljer

Version: CSS4

Browserunderstøttelse

Tabelens tal viser den første version af browseren, der fuldt ud understøtter denne funktion.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Relaterede sider

Referencer:CSS acos() funktion

Referencer:CSS asin() funktion

Referencer:CSS atan2() funktion

Referencer:CSS calc() funktion

Referencer:CSS cos() funktion

Referencer:CSS exp() funktion

Referencer:CSS hypot() funktion

Referencer:CSS log() funktion

Referencer:CSS mod() funktion

Referencer:CSS pow() funktion

Referencer:CSS sin() funktion

Referencer:CSS sqrt() funktion

Referencer:CSS tan() funktion