Recomendação de curso:

Função atan() do CSS

Definição e uso do CSS atan() A função retorna o valor arco tangente de um número entre -∞ e ∞.

O valor arco tangente de um número retorna um ângulo entre -90 e 90 graus.

Alguns exemplos:

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

Exemplo

Usar atan() Elemento de rotação:

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

Experimente você mesmo

Sintaxe do CSS

atan(number)

Detalhes técnicos

Suporte do navegador

Os números na tabela representam a versão do navegador que suporta plenamente a função pela primeira vez.

Página relacionada

Referência:Função acos() do CSS

Referência:Função asin() do CSS

Referência:Função atan2() do CSS

Referência:Função calc() do CSS

Referência:Função cos() do CSS

Referência:Função exp() do CSS

Referência:Função hypot() do CSS

Referência:Função log() do CSS

Referência:Função mod() do CSS

Referência:Função pow() do CSS

Referência:Função sin() do CSS

Referência:Função sqrt() do CSS

Referência:Função tan() do CSS