hi, thanks for reply, at the end of the animation the square is at transform: translate(400px, 0px); I want to pause the animation when the square hits 200px and yes it need to be bounced, if not I would just paused the animation on 0.5,
On the click of the button I don't care much about it, It could just resume the animation for now, so it would go from 200px to 400px.
By using timing I mean that I know how to pause, play the animation using the progress logic, but using bounce as effect doesn't allow me to stop the animation in half, because the square won't be exactly at 200px