CSS atan2() functie
- Vorige pagina CSS atan() functie
- Volgende pagina CSS attr() functie
- Terug naar de vorige laag CSS Functie Referentiemanual
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)); }
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
- Vorige pagina CSS atan() functie
- Volgende pagina CSS attr() functie
- Terug naar de vorige laag CSS Functie Referentiemanual