CSS atan() functie

Definitie en gebruik

CSS atan() De functie retourneert de arctangent van een getal tussen -∞ en ∞.

De arctangent van een getal retourneert een hoek tussen -90 en 90 graden.

Enkele voorbeelden:

  • atan(-1) betekent -45 graden
  • atan(0) betekent 0 graden
  • atan(1) betekent 45 graden
  • atan(-∞) betekent -90 graden
  • atan(∞) betekent 90 graden

Voorbeeld

Gebruik atan() Rotatie-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));
}

Probeer het zelf

CSS syntaxis

atan(number)
Waarde Beschrijving
number Verplicht. Een getal tussen -∞ en ∞.

Technische details

Versie: CSS4

Browserondersteuning

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

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

gerelateerde pagina

Referentie:CSS acos() functie

Referentie:CSS asin() functie

Referentie:CSS atan2() 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