> All in One 586: Get Moving (or not) with CSS Motion Path

Ads

Monday, February 3, 2020

Get Moving (or not) with CSS Motion Path

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, and offset-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.



from CSS-Tricks https://ift.tt/2QuGkps
via IFTTT

No comments:

Post a Comment

Mostly Cloudy today!

With a high of F and a low of 57F. Currently, it's 64F and Fair outside. Current wind speeds: 13 from the Southeast Pollen: 3 Su...