TLDR Web Dev · ARTICLES & TUTORIALS

CSS @PROPERTY AND THE NEW STYLE

ryanmulligan.dev9 min read

Summary from the TLDR Web Dev newsletter

CSS's @property is a new at-rule allowing explicit definition of custom property syntax, initial value, and inheritance. This article shows how @property enables smooth animations and transitions, demonstrated by a shiny animated button with rotating gradients, a silky smooth hover effect, and tiny shimmering dots. @property lets developers create intricate designs and complex animations, previously difficult or impossible with standard CSS.