Typed custom property
A custom property registered with a type, so it can be animated.
What is a typed custom property?
A typed custom property is registered with a type, like a color or a length, so the browser checks it and can animate it.
@property --glow { syntax: "<color>"; inherits: false; initial-value: transparent; }
.button:hover { --glow: gold; transition: --glow 0.3s; }
Level: Master · More CSS terms at this level
Updated