Função pow() do CSS

Definição e uso

CSS pow() A função retorna o valor da potência de um número (x) elevado ao outro número (y) (isto é, X^)y)

Exemplo

Uso pow() Escalonar texto em diferentes elementos <div>:

div.a {
  font-size: calc(18px * pow(1.5, 2));
}
div.b {
  font-size: calc(18px * pow(1.5, 1));
}
div.c {
  font-size: calc(18px * pow(1.5, 0));
}
div.d {
  font-size: calc(18px * pow(1.5, -1));
}

Experimente você mesmo

Sintaxe do CSS

pow(x, y)
Valor Descrição
x Obrigatório. Um número (radicando).
y Obrigatório. Um número (exponente).

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
120 120 118 15.4 106

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 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:A função CSS sin()

Referência:A função CSS tan()