CSS cos() functie

definitie en gebruik

CSS cos() de functie een cosinuswaarde van een hoek retourneert.

de cosinuswaarde van het hoek altijd een getal tussen -1 en 1 teruggeeft.

voorbeeld

gebruik cos() blijf de grootte van de draaiende doos behouden:

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

probeer het zelf

CSS syntaxis

cos(hoek)

technische details

browserondersteuning

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

gerelateerde pagina

Referentie:CSS acos() functie

Referentie:CSS asin() functie

Referentie:CSS atan() functie

Referentie:CSS atan2() functie

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