<log>
A math function that calculates the logarithm of a number. This is useful for advanced mathematical layouts where you need to scale values non-linearly.
Quick example
.log-scaled {
/* Calculates a value based on the natural logarithm */
width: calc(log(var(--value)) * 100px);
}<log> 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+