Jump to content

HTML - CSS - JavaScript animation


Rino
 Share

Recommended Posts

Hi,

I have a question about my enclosed animation. This one works properly but I want it to have another "reverse" behaviour instead of starting from the beginning. I am going to explain this expected behaviour with numbers. It will be more understandable for sure. For example: the animated element starts, goes on and stops at 70% of progression as soon as I push on the "reverse" button. At this specific moment, the element must turn back from its current coordinates to 0% following backwardly the curve which it has just generated.

                                                                                                   

Actually I would like to know the most fitted method to perform that. Can I do it simply with the CSS "animation" properties or I have to do my own animation from scratch by help of JavaScript (or both) ?

 Rino

animationResetRestartReverse.html

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...