CSS @property: Typed, Animatable Custom Properties

Short summary

@property registers CSS custom properties with explicit types, enabling smooth browser-native animations without JavaScript. Universal browser support across Chrome, Firefox, Safari, and Edge as of 2026 makes this production-ready for real-world use. Three required descriptors—syntax (type), inherits (scope), initial-value (fallback)—unlock animation capabilities previously requiring JavaScript.

• •@property lets you register typed CSS custom properties the browser can animate natively
• •Requires three descriptors: syntax (type), inherits (boolean), and initial-value (fallback)
• •Eliminates JavaScript frame-based animation; now universal across all major browsers

Generated with AI, which can make mistakes.