Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Path animation cannot be reversed

See original GitHub issue


Looks like applying direction: 'reverse' to a svg path animation doesn’t work. Is there a workaround for that (except drawing the path the other way) ?

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:1
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

juliangarniercommented, Dec 26, 2016

Unfortunately this is not possible with the current codebase, but will be fixed in 2.0. Sneak peek: image

juliangarniercommented, Jan 3, 2017

There is a new anime.path API in V2, and it now supports ‘reverse’ and ‘alternate’ direction. See an example here :

The documentation is still WIP, and I didn’t have the time to write a proper change log yet, but the code is available for testing here :

Read more comments on GitHub >

github_iconTop Results From Across the Web

After Effects: How To Reverse Path Direction of an Animation
Your browser can't play this video. Learn more. Switch camera.
Read more >
Reverse pasted path direction? - Adobe Support Community
Reverse the path direction, then copy it back. This Actually reverses the path direction and isn't a trick that works just in the...
Read more >
How to reverse the direction of "follow path" animation? | Forums
I'm trying to animate a sphere and make it follow the path of NURBS ... I'm within the dopnetwork, but I can't see...
Read more >
How to reverse direction of object along path
The animated path has a parameter called "Evaluation Time". This shows in percents where is the constrained object along the path.
Read more >
Reversing Paths of Motion Path Animations in PowerPoint ...
The simplest Motion Path trick is to reverse them! This option is very helpful if you want an object to animate using a...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found