random()

The random() function in CSS is an experimental feature (i.e., not supported in any browser) that returns a random numeric […]

.element { width: random(5rem, 25rem, by 5rem); }
Continue Reading

rgb()

The CSS rgb() color function represents color in the sRGB color space specifying their redness (r), greenness (g), and blueness (b), and an optional transparency value.

.element { color: rgb(0 0 0 / 0.5); }
Continue Reading

round()

The CSS round() function enables us to round a number, percentage, or dimension (i.e., a number with units attached). We’ve been able to round using […]

.element { width: round(10.4px, 1px); }
Continue Reading

rem()

The CSS rem() function (also called the “remainder” function) returns the amount left over after the first argument’s integer is divided by the second argument.

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