<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).

/* Usage Example */
:root {
  /* Calculates 2 to the power of 3 (which is 8) */
  --scale-factor: pow(2, 3);
  --size: calc(var(--scale-factor) * 1rem);
}
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.

120+
118+
15.4+
120+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC