Função atan2() do CSS

Definição e uso

Função atan2() do CSS atan2() A função retorna o arco tangente de dois valores entre -∞ e ∞.

Estes valores podem ser números, tamanhos ou porcentagens. Os dois valores devem ser do mesmo tipo.

A função retorna um ângulo entre -180 e 180 graus.

Exemplo

Usar atan2() Elemento de rotação:

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));
}

Experimente você mesmo

Sintaxe do CSS

atan2(y, x)
Valor Descrição
y Obrigatório. Coordenada y. Pode ser um número, um tamanho ou uma porcentagem.
x Obrigatório. Coordenada x. Pode ser um número, um tamanho ou uma porcentagem.

Detalhes técnicos

Versão: CSS4

Suporte do navegador

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

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Páginas relacionadas

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

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

Referência:Função atan() 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