Walkway.js a small javascript library to animate SVG images consisting of line and path elements in an easy way.

How to use

Create a new Walkway instance with a supplied options object. When you want to start animating call .draw on the returned instance providing an optional callback that will be called when drawing is complete.

animate-simple-SVG-elements

Options

selector (mandatory) – The selector of the parent element (usually will be a specific svg element)
duration – Time the animation should run for, in ms. Default is 400.
easing – Name of the easing function used for drawing. Default is ‘easeInOutCubic’. You can also supply your own function that will be passed the progress and should return a value in the range of [0, 1];

[gpp_button color=”blue” url=”http://www.polygon.com/a/ps4-review” title=”best wordpress themes” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Example[/gpp_button]    [gpp_button color=”blue” url=”https://github.com/ConnorAtherton/walkway” title=”wordpress theme” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]GitHub[/gpp_button]