transform 制作滚动效果为什么需要两个元素

Question

我看别人的文章为什么实现小球的抛物线效果需要用两层元素，进行两个动画，而不可以只写一个元素<div class="ball"></div>?然后用transform进行x,y轴的修改，我发现这样写没效果？但是为什么啊？

这是别人的代码

这是我的代码

css:

文章地址
https://segmentfault.com/a/11...