CSS sin() funktion

Definition och användning

CSS sin() Funktionen returnerar sinusvärdet för ett nummer (vinkel).

Sinusvärdet för en vinkel returnerar alltid ett värde mellan -1 och 1.

exempel

i calc() Funktion används sin() För att ställa in bredden och höjden på tre <div>-element:

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 själv

CSS syntax

sin(vinkel)
Värde Beskrivning
vinkel Obligatorisk. Beräkningsresultatet är ett uttryck för ett nummer eller en vinkel.

Tekniska detaljer

Version: CSS4

Webbläsarstöd

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

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Relaterade sidor

Referens:CSS acos() funktion

Referens:CSS asin() funktion

Referens:CSS atan() funktion

Referens:CSS atan2() funktion

Referens:CSS calc() funktion

Referens:CSS cos() funktion

Referens:CSS exp() funktion

Referens:CSS hypot() funktion

Referens:CSS log() funktion

Referens:CSS mod() funktion

Referens:CSS pow() funktion

Referens:CSS sqrt() funktion

Referens:CSS tan() funktion