Exponential functions
| Type | Syntax | Description |
|---|---|---|
| pow() Function | width: calc(10px * pow(5,2)); | It calculates the base raised to the power of the number. |
| sqrt() Function | width: calc(100px * sqrt(9)); | It calculates the square root of a number |
| hypot() Function | width: hypot(3em, 4em); | It calculates the square root of the sum of the squares of its arguments. |
| log() Function | width: calc(100px * log(8, 2)); /* 300px */ | It calculates the logarithm of a number |
| exp() Function | width: calc(100px * exp(0)); /* 100px * 1 = 100px */ | It is used to calculate e raised to the power of a number. |
CSS Math Functions
In this article, we will learn about the CSS Math Functions. CSS Math Functions enable you to express CSS numeric values using mathematical expressions directly in your stylesheets. By using CSS Math Functions, we achieve greater flexibility and ease in creating responsive layouts and styling elements. We can use calc(), max(), and min() math functions to make our work easy.
CSS Math Functions are classified into the following types:
- Basic arithmetic
- Comparison functions
- Trigonometric functions
- Exponential functions
- Sign-related functions
- Stepped value functions
Contact Us