hypot()
The
hypot() function takes a list of values and returns the square root of the sum of their squares.
Articles Tagged
21 Articles
sign()
The
sign() function takes a math expression and returns 1 if the result is positive, -1 if it's negative or 0 if it's zero. 
abs()
The abs() function takes in an argument and returns its absolute value, i.e., it always returns the argument's positive value.
Responsive Hexagon Grid Using Modern CSS
A while back, Temani tacked a repeating grid of hexagon shapes. Well, he's updated it with modern CSS features that result in fewer magic numbers. And it's impressive!
Temani Afif
on
atan2()
The
atan2() trigonometric function takes two values (Y, X) and returns its inverse for the atan() function. atan()
The
atan() trigonometric function takes a number and returns its inverse for the tan() function asin()
The
asin() trigonometric function takes a number and returns its inverse for the sin() function. acos()
The
acos() trigonometric function takes a number and returns its inverse for the cos() function. 
The “Most Hated” CSS Feature: asin(), acos(), atan() and atan2()
If we have a ratio that represents the sine, cosine or tangent of an angle, how can we get the original angle? This is where inverse trigonometric functions come in!
The “Most Hated” CSS Feature: tan()
Last time, we discussed that, sadly, according to the State of CSS 2025 survey, trigonometric functions are deemed the “Most Hated” CSS feature.…
