CSS atan2() funktion

Definition och användning

CSS atan2() Funktionen returnerar arctangenten av två värden mellan -∞ och ∞.

Dessa värden kan vara ett nummer, en storlek eller en procentandel. De två värdena måste vara av samma typ.

Funktionen returnerar ett hårdgjort värde mellan -180 och 180 grader.

Exempel

Använd atan2() Rotationsobjekt:

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

Prova själv

CSS syntax

atan2(y, x)
Värde Beskrivning
y Obligatorisk. y-koordinat. Kan vara ett nummer, en storlek eller en procentandel.
x Obligatorisk. x-koordinat. Kan vara ett nummer, en storlek eller en procentandel.

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