Função cos() do CSS

Definição e uso

Da função cos() do CSS cos() A função retorna o valor cosseno de um ângulo.

O valor cosseno do ângulo sempre retorna um número entre -1 e 1.

Exemplo

Usar cos() Manter o tamanho da caixa giratória:

div.c {
  width: calc(120px * cos(25deg));
  height: calc(120px * cos(25deg));
  margin: calc(120px/4 * cos(25deg));
  background-color: maroon;
  transform: rotate(25deg);
  transform-origin: center;
  translate: -10px 10px;
}

Experimente você mesmo

Sintaxe do CSS

cos(angle)
Valor Descrição
angle Obrigatório. Analisado como valor de cálculo de número ou ângulo.

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 atan2() do CSS

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