Juan Diego Rodríguez

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.

Safari 26 adds:75 new features, 3 deprecations, and 171 other improvements. Here's all the CSS goodness you'll want to know about.

The repeating-linear-gradient() function creates a repeating gradient that places colors along a straight line and smoothly transitions between them. We define a section of the gradient, which then gets repeated until it fills the available space.

The repeating-conic-gradient() function creates a repeating gradient by placing colors around a circle.

Creates a gradient by placing colors perpendicularly along a straight line and smoothly transitioning between them.