Juan Diego Rodríguez

The atan2() trigonometric function takes two values (Y, X) and returns its inverse for the atan() function.

The atan() trigonometric function takes a number and returns its inverse for the tan() function

The asin() trigonometric function takes a number and returns its inverse for the sin() function.

The acos() trigonometric function takes a number and returns its inverse for the cos() function.

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!

Last time, we discussed that, sadly, according to the State of CSS 2025 survey, trigonometric functions are deemed the “Most Hated” CSS feature.…

The CSS tan() function takes a calculation that resolves to either an <angle> or <tnumber> and returns the result's tangent, which ranges between -Infinity and Infinity.

The CSS cos() function takes a calculation that resolves to either an <angle> or <number> and returns the result's cosine, which is always a number between -1 and 1. It's incredibly good for drawing waves or laying things out in waves, inverse of the sin() function.

The CSS sin() function takes a calculation that resolves to either an <angle> or <number> and returns the result's sine, which is always a number between -1 and 1. It's incredibly good for drawing waves or laying things out in waves, inverse of the cos() function.