Recommandation de cours :

Fonction atan() CSS

Définition et utilisation de CSS atan() La fonction retourne l'arctangente d'un nombre entre -∞ et ∞.

La valeur arctangente d'un nombre retourne un angle entre -90 et 90 degrés.

Quelques exemples :

  • atan(-1) représente -45 degrés
  • atan(0) représente 0 degrés
  • atan(1) représente 45 degrés
  • atan(-∞) représente -90 degrés
  • atan(∞) représente 90 degrés

Exemple

Utiliser atan() Élément de rotation :

div.a {
  transform: rotate(atan(500));
}
div.b {
  transform: rotate(atan(1));
}
div.c {
  transform: rotate(atan(0));
}
div.d {
  transform: rotate(atan(-5000));
}

Essayer par vous-même

Grammaire CSS

atan(number)
Valeur Description
number Obligatoire. Un nombre entre -∞ et ∞.

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

Page connexe

Référence :Fonction acos() CSS

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

Référence :Fonction sqrt() CSS

Référence :Fonction tan() CSS