— by Nils


The CSS @property rule allows us to define custom properties with a syntax, initial value, and inheritance behavior. It enhances CSS custom properties by providing type checking, default values, and other benefits like animating gradients.

Session CodePen

See this Pen on CodePen.

Browser Support

Caniuse: CSS @property