Remember the importance of animation-timing-function when controlling acceleration and deceleration

When applying multiple animations to one element, using the same property overwrites them, a workaround is to put the element in another element, and animate each seperately, so they combine; this ball only moves up, down and gets scaled. The parent gets moved left and right, while also being scaled appropriately.