The CSS hsl() function represents color in the sRGB color space and displays it according to its hue, saturation, and lightness. We […]

.element { color: hsl(90deg, 50%, 50%); }

The hue-rotate() function rotates the color of an element and its content to a specified hue on the color wheel.

.element { filter: hue-rotate(160deg); }

The hypot() function takes a list of values and returns the square root of the sum of their squares.

.element { width: hypot(30vmin, 40vmin); /* 50vmin */ }

The CSS :heading pseudo-class (also used as :heading()) pseudo-class function can be used to select multiple heading levels at once.

:heading(1, 6) { line-height: 1.35; }