CSS sin() funktion

Definition og brug

CSS sin() Funktionen returnerer sinusværdien af et tal (vinkel).

Den positive sinusværdi returnerer altid en værdi mellem -1 og 1.

eksempel

i calc() brug i sin() Indstil bredden og højden for tre <div>-elementer:

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

Prøv det selv

CSS syntaks

sin(vinkel)
Værdi Beskrivelse
vinkel Obligatorisk. Beregningsresultatet er et numerisk eller vinkelmæssigt udtryk.

Tekniske detaljer

Version: CSS4

Browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter funktionen.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Relaterede sider

Referencer:CSS acos() funktion

Referencer:CSS asin() funktion

Referencer:CSS atan() funktion

Referencer:CSS atan2() funktion

Referencer:CSS calc() funktion

Referencer:CSS cos() funktion

Referencer:CSS exp() funktion

Referencer:CSS hypot() funktion

Referencer:CSS log() funktion

Referencer:CSS mod() funktion

Referencer:CSS pow() funktion

Referencer:CSS sqrt() funktion

Referencer:CSS tan() funktion