cindy

Yes, it was a nice approach, however doesn't solve the problem in a pixel perfect way, but the addPause() method will do, I think I'll keep on that direction. Thanks

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

Hi, as a learning experiment would like to pause an animation when the square hits the X axis to his half, then when the user click the button I would like to resume or reverse the animation, is this possible without using timing? Thanks in advance.