Dev Tools · 1h ago
CSS @property rule enables smooth transitions on custom properties
Most developers think CSS variables can't be animated, but the @property rule changes that by letting you define a type for custom properties. This enables smooth transitions and animations on variables. The feature is now supported in all major browsers, making it production-ready for frontend developers.
Meridian48 take
A neat CSS trick that solves a long-standing limitation, but browser support and performance implications still warrant caution before widespread adoption.
Read the full reporting
Most developers assume CSS variables are "not animatable" and stop there. @property changes that by giving custom properties a type, making smooth transitions possible. Have you used it in production yet? →
DEV Community
cssweb-development