user profile image

Simple SVG/CSS animation to show directions. I copied this area of google maps into my Inkscape and added the path. Simply animated it and voilá :)


  1. Simple and genius.

    check out my pseudo-direction aware hove, i think you might like it :)

  2. @mariusbalaj Why smoother? It's actually the same. If you want to stop the animation you simply need to set the animation-iteration-count to 1 and animation-fill-mode to forwards.

  3. It's pretty nice, gj but it would be nicer to make it dynamically, will try to something and post ^^

  4. @dotcodes this is super old and I was just testing something with it but I'd be glad to see what you come up with :)

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.