Fonction cos() CSS

Définition et utilisation

Fonction cos() CSS cos() La fonction retourne la valeur cosinus d'un angle.

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

Exemple

Utiliser cos() Maintenir la taille de la boîte tournée :

div.c {
  width: calc(120px * cos(25deg));
  height: calc(120px * cos(25deg));
  margin: calc(120px/4 * cos(25deg));
  background-color: maroon;
  transform: rotate(25deg);
  transform-origin: center;
  translate: -10px 10px;
}

Essayez-le vous-même

Syntaxe CSS

cos(angle)
Valeur Description
angle Obligatoire. Analyser comme une valeur numérique ou angulaire.

Détails techniques

Version : CSS4

Support du navigateur

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

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

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

Référence :Fonction sqrt() CSS

Référence :Fonction tan() CSS