Motion Path beyond SVG

A presentation at CSS Dev Conf in in San Antonio, TX, USA by Dan Wilson

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.


The following resources were mentioned during the presentation or are useful additional information.

  • Slides

    Slide deck with live examples