CSS atan() -funktio

Määrittely ja käyttö

CSS:n atan() Funktio palauttaa luvun arctangent välillä -∞ ja ∞.

Luvun arctangent palauttaa kulman välillä -90 ja 90 asteella.

Joitakin esimerkkejä:

  • atan(-1) tarkoittaa -45 astetta
  • atan(0) tarkoittaa 0 astetta
  • atan(1) tarkoittaa 45 astetta
  • atan(-∞) tarkoittaa -90 astetta
  • atan(∞) tarkoittaa 90 astetta

Esimerkki

Käyttö atan() Kiertävä elementti:

div.a {
  transform: rotate(atan(500));
}
div.b {
  transform: rotate(atan(1));
}
div.c {
  transform: rotate(atan(0));
}
div.d {
  transform: rotate(atan(-5000));
}

Kokeile itse

CSS-grammatiikka

atan(number)
Arvo Kuvaus
number Välttämätön. Luku välillä -∞ ja ∞.

Tekninen yksityiskohta

Versio: CSS4

Selaintuen

Taulukossa olevat numerot merkitsevät ensimmäistä selainta, 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 atan2() 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