<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.
Syntax
/* Usage 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.
120+
118+
15.4+
120+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more