The new Web Animations specs are about unifying SVG, CSS, and JavaScript animations, and oftentimes that means exposing one group's exclusive method to the others. Animating an object along a path has been the domain of SVG... but the doors are opening to any element through CSS and JS!
We'll take a look at what new tools we have to animate any element on a page along any path we can draw, instead of limiting ourselves to straight lines or complex keyframes.
In this session, we will answer:
- What are Motion Paths, and how are they used in SVG (SMIL)?
- Why would I want to use them outside of SVG?
- How can we use them with CSS/JS?
- What's next for this technique?