<hypot>
A math function that calculates the hypotenuse of a right-angled triangle (the square root of the sum of squares of its arguments). It is useful for complex mathematical layouts where you need to calculate diagonal distances.
Syntax
/* Usage Example */
.diagonal-line {
/* Calculates a distance based on X and Y offsets */
width: hypot(100px, 100px);
}<hypot> 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