css3 实现元素弧线运动的示例代码

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