CSS cos() -funktio

Määrittely ja käyttö

CSS - cos() Funktio palauttaa kulman cos-arvon.

Kulman cos-arvo palauttaa aina numeron välillä -1 ja 1.

Esimerkki

Käytä cos() Pitää kiinni pyöristetyn laatikon koosta:

div.c {
  width: calc(120px * cos(25deg));
  height: calc(120px * cos(25deg));
  margin: calc(120px/4 * cos(25deg));
  background-color: maroon;
  transform: rotate(25deg);
  transform-origin: center;
  translate: -10px 10px;
}

Kokeile itse

CSS -syntaksi

cos(kulma)
Arvo Kuvaus
kulma Välttämätön. Tulkitaan luvuksi tai kulmaksi.

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 atan2() -funktio

Viittaus:CSS calc() -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