CSS atan2() funktion

Definition og brug

CSS atan2() Funktionen returnerer arctangent af to værdier mellem -∞ til ∞.

Disse værdier kan være et tal, en størrelse eller en procentdel. De to værdier skal være af samme type.

Funktionen returnerer et vinkelværdi mellem -180 til 180 grader.

Eksempel

Brug atan2() Roterede elementer:

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

Prøv det selv

CSS syntaks

atan2(y, x)
Værdi Beskrivelse
y Obligatorisk. y-koordinat. Kan være et tal, en størrelse eller en procentdel.
x Obligatorisk. x-koordinat. Kan være et tal, en størrelse eller en procentdel.

Tekniske detaljer

Version: CSS4

Browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter funktionen.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Relaterede sider

Referencer:CSS acos() funktion

Referencer:CSS asin() funktion

Referencer:CSS atan() 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