CSS atan2() funktio

Määrittely ja käyttö

CSS: atan2() Funktio palauttaa kahden välillä -∞ ja ∞ olevan arvon arctangentin.

Nämä arvot voivat olla lukuja, kokoa tai prosentteja. Kaksi arvoa täytyy olla samaa tyyppiä.

Tämä funktio palauttaa välillä -180 astetta ja 180 astetta olevan kulman.

Esimerkki

Käyttää atan2() Kiertävä elementti:

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

Kokeile itse

CSS syntaksi

atan2(y, x)
Arvo Kuvaus
y Välttämätön. y-akselin koordinaatti. Voisi olla luku, koko tai prosentti.
x Välttämätön. x-akselin koordinaatti. Voisi olla luku, koko tai prosentti.

Tekninen yksityiskohta

Versio: CSS4

Selaimen tuki

Taulukossa olevat numerot ilmaisevat ensimmäisen selaimen version, joka täysin tukee tätä funktiota.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Liittyvät sivut

Viittaus:CSS acos() funktio

Viittaus:CSS asin() funktio

Viittaus:CSS atan() funktio

Viittaus:CSS calc() funktio

Viittaus:CSS cos() funktio

Viittaus:CSS exp() funktio

Viittaus:CSS hypot() funktio

Viittaus:CSS log() funktio

Viittaus:CSS mod() funktio

Viittaus:CSS pow() funktio

Viittaus:CSS sin() funktio

Viittaus:CSS sqrt() funktio

Viittaus:CSS tan() funktio