Corso raccomandato:

funzione sin() CSS

Definizione e uso di sin() La funzione restituisce il valore seno di un numero (angolo).

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

esempio

in calc() usato nella funzione sin() Per impostare la larghezza e l'altezza di tre elementi <div>:

div.a {
  width: calc(sin(0.25turn) * 120px);
  height: calc(sin(30deg) * 120px);
  background-color: salmon;
  margin-bottom: 25px;
}
div.b {
  width: calc(sin(90) * 120px);
  height: calc(sin(2*1.125) * 120px);
  background-color: green;
  margin-bottom: 25px;
}
div.c {
  width: calc(sin(pi/2) * 120px);
  height: calc(sin(pi/2) * 120px);
  background-color: maroon;
}

Prova tu stesso

Sintassi CSS

sin(angle)
Valore Descrizione
angle Obbligatorio. L'espressione del risultato è un numero o un angolo.

Dettagli tecnici

Versione: CSS4

Supporto del browser

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

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 cos() CSS

Riferimento:Funzione exp() CSS

Riferimento:Funzione hypot() CSS

Riferimento:Funzione log() CSS

Riferimento:Funzione mod() CSS

Riferimento:Funzione CSS pow()

Riferimento:Funzione CSS sqrt()

Riferimento:Funzione CSS tan()