max()

The CSS max() function takes two or more comma-separated arguments of spacing values, evaluates them, and returns the largest value of the bunch.

.element { width: max(80%, 800px); }
Continue Reading

min()

The CSS min() function takes two or more comma-separated arguments of spacing values, evaluates them, and returns the smallest value of the bunch.

.element { width: min(80%, 800px); }
Continue Reading

mod()

The CSS mod() function returns the remaining “modulo” after the first argument is modulus-divided by the second argument. It’s the […]

.element { width: mod(10px, 4px); }
Continue Reading

matrix()

The matrix() function combines all the 2D transform functions into a single CSS declaration. It covers the translate(), skew(), and scale() functions

.element { transform: matrix(1, 0, 0, 1, 0, 0); }
Continue Reading