Fonction atan2() CSS

Définition et utilisation

Fonction de CSS atan2() La fonction renvoie l'arc tangente des deux valeurs comprises entre -∞ et ∞.

Ces valeurs peuvent être des nombres, des tailles ou des pourcentages. Les deux valeurs doivent être du même type.

La fonction renvoie un angle compris entre -180 et 180 degrés.

Exemple

Utilisation atan2() Élément de rotation :

div.a {
  transform: rotate(atan2(50, 100));
}
div.b {
  transform: rotate(atan2(30px, -3rem));
}
div.c {
  transform: rotate(atan2(40%, 75%));
}
div.d {
  transform: rotate(atan2(pi, 25));
}

Essayez-le vous-même

Grammaire CSS

atan2(y, x)
Valeur Description
y Obligatoire. Ordonnée y. Peut être un nombre, une taille ou un pourcentage.
x Obligatoire. Abscisse x. Peut être un nombre, une taille ou un pourcentage.

Détails techniques

Version : CSS4

Support 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.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Pages associées

Référence :Fonction acos() CSS

Référence :Fonction asin() CSS

Référence :Fonction atan() 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 sin() CSS

Référence :Fonction sqrt() CSS

Référence :Fonction tan() CSS