Functions

Every CSS function that ships in at least one of Chrome, Firefox or Safari: values you compute (math, colour, mixing), images and shapes you generate, transforms and filters you apply, and references to custom properties, attributes, the environment and anchors. Every function is also in the search and the A–Z.

Math →

calc(), min(), max(), clamp(), stepped values, trigonometry and exponents, calc-size(), progress(), random() and the sibling functions.

Color →

rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color(), color-mix(), light-dark(), contrast-color() and relative colour syntax.

Gradients →

linear-, radial- and conic-gradient(), and their repeating variants.

Transform →

All 21 transform functions: translate, scale, rotate, skew, perspective and the matrix forms.

Filter →

blur(), brightness(), contrast(), drop-shadow(), grayscale(), hue-rotate(), invert(), opacity(), saturate() and sepia().

Shapes & images →

The basic shapes including shape() and ray(), url() and its modifiers, image-set(), cross-fade() and paint().

Grid & sizing →

repeat(), minmax() and fit-content().

Values & references →

var(), env() and its variables, attr(), if(), counter(), counters(), symbols(), anchor() and anchor-size().

Easing & timelines →

cubic-bezier(), steps() and linear(), the easing keywords, and the scroll() and view() timelines.