Fonction sin() CSS

Définition et utilisation

La fonction sin() de CSS sin() La fonction renvoie la valeur sinus d'un nombre (angle).

La valeur sinus de l'angle est toujours un nombre entre -1 et 1.

Exemple

Dans calc() Utilisé dans la fonction sin() Pour définir la largeur et la hauteur de trois éléments <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;
}

Essayez-le vous-même

Syntaxe CSS

sin(angle)

Détails techniques

Prise en charge du navigateur

Les nombres dans le tableau représentent la version du navigateur qui prend en charge pleinement la fonction pour la première fois.

Page(s) associée(s)

Référence :Fonction acos() CSS

Référence :Fonction asin() CSS

Référence :Fonction atan() CSS

Référence :Fonction atan2() CSS

Référence :Fonction calc() CSS

Référence :Fonction cos() CSS

Référence :Fonction exp() CSS

Référence :Fonction hypot() CSS

Référence :Fonction log() CSS

Référence :Fonction mod() CSS

Référence :Fonction pow() CSS

Référence :Fonction sqrt() CSS

Référence :Fonction tan() CSS