Funzione cos() CSS

Definizione e uso

Funzione cos() CSS cos() La funzione restituisce il valore coseno di un angolo.

Il valore coseno dell'angolo restituisce sempre un numero tra -1 e 1.

Esempio

Usare cos() Mantieni la dimensione della scatola ruotata:

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 tu stesso

Sintassi CSS

cos(angle)
Valore Descrizione
angle Obbligatorio. Analizzato come valore numerico o angolare.

Dettagli tecnici

Versione: CSS4

Supporto del browser

I numeri nella tabella rappresentano la versione del browser che supporta completamente la funzione per la prima volta.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Pagina correlata

Riferimento:Funzione acos() CSS

Riferimento:Funzione asin() CSS

Riferimento:Funzione atan() CSS

Riferimento:Funzione atan2() CSS

Riferimento:Funzione calc() CSS

Riferimento:Funzione exp() CSS

Riferimento:Funzione hypot() CSS

Riferimento:Funzione log() CSS

Riferimento:Funzione mod() CSS

Riferimento:Funzione pow() CSS

Riferimento:Funzione sin() CSS

Riferimento:Funzione sqrt() CSS

Riferimento:Funzione tan() CSS