Back to Daily Feed 
CSS `offset-path` Property: Defining Movement Paths for Animations
Originally published on CSS-Tricks
View Original Article
Share this article:

Summary & Key Takeaways
- The
offset-pathCSS property defines a movement path for animated elements. - It allows elements to follow custom trajectories during animations.
- This property was previously known as
motion-pathin earlier specifications. - All related
motion-*properties are being renamed tooffset-*in the CSS spec. - It's part of the broader CSS Motion Path module.
Our Commentary
Ah, the ever-shifting sands of CSS spec names. motion-path to offset-path makes sense, I guess, but it's another little mental update we all have to make. It's a good reminder that even established features can see nomenclature changes. I appreciate CSS-Tricks for keeping these almanac entries updated. It's the kind of detail that saves me a quick search when I inevitably forget the latest naming convention.
View Original Article
Share this article: