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) ?
HTML - CSS - JavaScript animation
in General
Posted
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