Get Moving (or not) with CSS Motion Path
February 3, 2020We just linked up the idea that offset-path
can be cleverly used to set type on a path. Don't miss Michelle Barker's experimentation either, with drawing paths or animating text along a path.
Dan Wilson has also been following this tech for quite a while and points out why the sudden surge of interest in this:
With the release of Firefox 72 on January 7, 2020, CSS Motion Path is now in Firefox, new Edge (slated for a January 15, 2020 stable release), Chrome, and Opera (and other Blink-based browsers). That means each of these browsers supports a common baseline of
offset-path: path()
,offset-distance
, andoffset-rotate
.
Dan's post does a great job of covering the basics, including some things you might not think of, like the fact that the path itself can be animated.