Get Moving (or not) with CSS Motion Path
Publikováno: 3.2.2020
We 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
The post Get Moving (or not) with CSS Motion Path appeared first on CSS-Tricks.
We 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.
Direct Link to Article — Permalink
The post Get Moving (or not) with CSS Motion Path appeared first on CSS-Tricks.