CSS atan2() functie

Definitie en gebruik

CSS atan2() De functie retourneert de arctangent van twee waarden tussen -∞ en ∞.

Deze waarden kunnen getallen, maten of percentages zijn. De twee waarden moeten van hetzelfde type zijn.

Deze functie retourneert een hoek tussen -180 en 180 graden.

Voorbeeld

Gebruik atan2() Rotatie-element:

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

Probeer het zelf

CSS syntaxis

atan2(y, x)
Waarde Beschrijving
y Verplicht. y-coördinaat. Kan een getal, maat of percentage zijn.
x Verplicht. x-coördinaat. Kan een getal, maat of percentage zijn.

Technische details

Versie: CSS4

Browserondersteuning

De cijfers in de tabel geven de browserversie aan die de functie volledig ondersteunt.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

gerelateerde pagina's

Referentie:CSS acos() functie

Referentie:CSS asin() functie

Referentie:CSS atan() functie

Referentie:CSS calc() functie

Referentie:CSS cos() functie

Referentie:CSS exp() functie

Referentie:CSS hypot() functie

Referentie:CSS log() functie

Referentie:CSS mod() functie

Referentie:CSS pow() functie

Referentie:CSS sin() functie

Referentie:CSS sqrt() functie

Referentie:CSS tan() functie