CSS cos() funksjon

Definisjon og bruk

CSS cos() Funksjonen returnerer cosinusverdien for en vinkel.

Cosinusverdien for en vinkel returnerer alltid et tall mellom -1 og 1.

Eksempel

Bruk cos() Bevar størrelsen på roterende boks:

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

Prøv selv

CSS syntaks

cos(vinkel)

Teknisk detalj

Nettleserstøtte

Tallene i tabellen viser den første versjonen av nettleseren som fullt ut støtter denne funksjonen.

Relaterede sider

Referencer:CSS acos() funktion

Referencer:CSS asin() funktion

Referencer:CSS atan() funktion

Referencer:CSS atan2() funktion

Referencer:CSS calc() funktion

Referencer:CSS exp() funktion

Referencer:CSS hypot() funktion

Referencer:CSS log() funktion

Referencer:CSS mod() funktion

Referencer:CSS pow() funktion

Referencer:CSS sin() funktion

Referencer:CSS sqrt() funktion

Referencer:CSS tan() funktion