<pow>

An exponential math function that calculates a base raised to the power of an exponent. It's useful for creating non-linear scales (like font sizes or spacing).

Quick example

:root {
  /* Calculates 2 to the power of 3 (which is 8) */
  --scale-factor: pow(2, 3);
  --size: calc(var(--scale-factor) * 1rem);
}

<pow> Browser Support

Newly available Since 2023 88% global usage

Since 2023 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Works in all modern browsers. May need a fallback for older browsers.

120+
118+
15.4+
120+
ESC