Função acos() do CSS

Definição e uso

Do CSS acos() A função retorna o valor arco-cosseno do número.

O valor arco-cosseno do número retorna um ângulo entre 0 e 180 graus.

O número especificado deve estar entre -1 e 1, caso contrário, a função retornará NaN.

Exemplo

Usar acos() Elemento de rotação:

div.a {
  transform: rotate(acos(0.5));
}
div.b {
  transform: rotate(acos(1));
}
div.c {
  transform: rotate(acos(-0.5));
}
div.d {
  transform: rotate(acos(-1));
}

Experimente você mesmo

Sintaxe do CSS

acos(number)
Valor Descrição
number Obrigatório. Um número entre -1 e 1.

Detalhes técnicos

Versão: CSS4

Suporte do navegador

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

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

Páginas relacionadas

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

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