CSS sin() functie

definitie en gebruik

CSS sin() De functie retourneert een getal (hoek) sinuswaarde.

De sinuswaarde van een hoek altijd een waarde tussen -1 en 1 terug te geven.

voorbeeld

in calc() functie gebruikt sin() om de breedte en hoogte van drie <div>-elementen in te stellen:

div.a {
  breedte: calc(sin(0.25keer) * 120px);
  hoogte: calc(sin(30graden) * 120px);
  background-color: zalmrood;
  margin-beneden: 25px;
}
div.b {
  breedte: calc(sin(90) * 120px);
  hoogte: calc(sin(2*1.125) * 120px);
  background-color: groen;
  margin-beneden: 25px;
}
div.c {
  breedte: calc(sin(pi/2) * 120px);
  hoogte: calc(sin(pi/2) * 120px);
  background-color: kastanje;
}

probeer het zelf

CSS syntaxis

sin(hoek)
waarde beschrijving
hoek verplicht. Het berekende resultaat is een expressie van een getal of een hoek.

technische details

versie: CSS4

browserondersteuning

De cijfers in de tabel geven de eerste browserversie aan die deze functie volledig ondersteunt.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

gerelateerde pagina's

Referentie:CSS acos() functie

Referentie:CSS asin() functie

Referentie:CSS atan() functie

Referentie:CSS atan2() functie

Referentie:CSS calc() functie

Referentie:CSS cos() functie

Referentie:CSS exp() functie

Referentie:CSS hypot() functie

Referentie:CSS log() functie

Referentie:CSS mod() functie

Referentie:CSS pow() functie

Referentie:CSS sqrt() functie

Referentie:CSS tan() functie