stop the animation with motion

[Pourya]

hi i want to stop my animation with motion not imediatelly , and play again smoothly not fast...

 

 $("map").hover (
        function () {
            tl.stop()
        }
    )
$("map").mouseleave (
    function () {
        tl.play()
    }
)

[ZachSaucier]

Hey Pourya and welcome to the GreenSock forums.

 

I'm having a hard time understanding the issue here. Can you please create a minimal demo to explain the situation?

 

[mikel]

Hey @Pourya,

 

This is a great example of @OSUblake

 

"By tweening the timeScale() of a tween we can easily slow it down or speed it up over time.

Check out how smooth the play and pause animations are. "

 

See the Pen epLjrG by osublake (@osublake) on CodePen

 

Happy tweening ...

Mikel

 

[OSUblake]

Be sure to have your speakers turned all the way up before looking at that demo.

[Pourya]

22 minutes ago, mikel said:

Hey @Pourya,

 

This is a great example of @OSUblake

 

"By tweening the timeScale() of a tween we can easily slow it down or speed it up over time.

Check out how smooth the play and pause animations are. "

 

 

 

 

Happy tweening ...

Mikel

 

thx i have to work on it , hope to solve my problem by your codepen demo.

and sorry that my code and my question wasnt clear