Función atan() de CSS

Definición y uso

CSS atan() La función devuelve el valor arco tangente de un número entre -∞ y ∞.

El valor arco tangente de un número devuelve un ángulo entre -90 y 90 grados.

Algunos ejemplos:

  • atan(-1) representa -45 grados
  • atan(0) representa 0 grados
  • atan(1) representa 45 grados
  • atan(-∞) representa -90 grados
  • atan(∞) representa 90 grados

Ejemplo

Uso atan() Elemento giratorio:

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

Prueba tú mismo

Sintaxis de CSS

atan(number)
Valor Descripción
number Obligatorio. Un número entre -∞ y ∞.

Detalles técnicos

Versión: CSS4

Compatibilidad del navegador

Los números en la tabla representan la versión del navegador que admite completamente la función por primera vez.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Páginas relacionadas

Referencia:Función acos() de CSS

Referencia:Función asin() de CSS

Referencia:Función atan2() de CSS

Referencia:Función calc() de CSS

Referencia:Función cos() de CSS

Referencia:Función exp() de CSS

Referencia:Función hypot() de CSS

Referencia:Función log() de CSS

Referencia:Función mod() de CSS

Referencia:Función pow() de CSS

Referencia:Función sin() de CSS

Referencia:Función sqrt() de CSS

Referencia:Función tan() de CSS