如何使用CSS控制元素弧线运动
我们都知道，CSS3的新属性transfrom过渡效果可以实现元素位移、旋转、缩放。结合animation属性，就可以实现元素的动画效果。但是如何通过css实现元素实现弧线运动呢：
如上图动画效果所示，圆球弧线运动，分析运动：
将小球的运动拆分成X轴和Y轴两个运动来看，此时X轴的小球是以 （慢—快） 这样的速度运动；
而Y轴的方向小球是以（快—慢）这样的速度运动；
结合两个轴的运动，实现弧线效果
三次贝塞尔（Cubic Bezier）函数
animation属性中有一个 animation-timing-function 属性，动画的速
