Timeline step by step?
I have this simple timeline and would like to have the following 3 buttons:
">" play next step and pause
"<" go one step back - or maybe if possible play latest step in reverse - and pause
"autoplay" play the remaining timeline without pausing.
I have tried adding .pause() after the first .to() to my timeline, but it seems that the .pause is called before the first .to() is finished.
Can anyone point me in the right direction?
Thanks
&#
@mikel's approach has all the bells and whistles.
this reminded me of a tutorial I have on using addPause()
it uses next and previous buttons to navigate through a simple timeline that has addPause() calls added after each number animates in.
See the Pen oNXNEJQ by snorkltv (@snorkltv) on CodePen
Your post prompted me to explore adding an autoPlay feature to that demo.
My initial autoPlay solution was similar to
