by
on
under
Permalink

Motion along path in CSS

From the “I barely knew this was a thing and you can already play with it in browsers” files:

Motion paths allow authors to animate any graphical object along an author-specified path.

I suspect Chrome jumped on this because it’s something that was only otherwise doable in SMIL, which they are ditching. I believe this is the first time the full path syntax has made it into CSS? (e.g. motion-path: path('M100,250 C 100,50 400,50 400,250');).

There are some demos on CodePen .

Direct Link to ArticlePermalink


Motion along path in CSS is a post from CSS-Tricks

Original Article From CSS Tricks

Leave a Reply

Your email address will not be published. Required fields are marked *