CSS cos() funktion

Definition och användning

CSS cos() Funktionen returnerar cosinusvärdet för en vinkel.

Cosinusvärdet för en vinkel returnerar alltid ett nummer mellan -1 och 1.

Exempel

Använd cos() Behåll storleken på roterande lådan:

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

Prova själv

CSS syntax

cos(angle)

Tekniska detaljer

Webbläsarstöd

Tal i tabellen representerar den första versionen av webbläsaren som fullständigt stöder denna funktion.

Relaterade sidor

Referens:CSS acos() funktion

Referens:CSS asin() funktion

Referens:CSS atan() funktion

Referens:CSS atan2() funktion

Referens:CSS calc() funktion

Referens:CSS exp() funktion

Referens:CSS hypot() funktion

Referens:CSS log() funktion

Referens:CSS mod() funktion

Referens:CSS pow() funktion

Referens:CSS sin() funktion

Referens:CSS sqrt() funktion

Referens:CSS tan() funktion