jQuery的动画实现CSS3动画实例

jQuery的动画的原理是改变一个元素的CSS样式从一种状态到另一个CSS属性值是逐渐变化的，所以，动画效果可以创造。只有数值可以创建动画（如保证金：30px）。字符串值无法创建动画（如背景颜色：红色），详细使用方法，请参阅jQuery效果动画（）方法和官方教程。

像CSS3，许多影响不是数字，所以没有办法直接通过动画（）方法，如翻译（），旋转（），规模（），（），（）斜矩阵，rotatex（），（），rotatey等这些方法的一个特点是他们的价值观是混合字符和数字，所以我们不能用动画（）方法直接修改其值动态实现动画效果。

如果我们实现了CSS3动画的Javaｓｃｒｉｐｔ，我们只能实现它本身通过setInterval（）方法，并实施更为复杂。实际上，动画（）方法是基于setInterval（）方法，但它可以轻松的动画速度设置，也可以设置在恒速或变速，动画第二使用（）方法一步参数指定要在动画的每一步执行的功能。我们可以触发动画（）通过使用CSS值不影响元素的显著效果的方法，然后修改我们想要的步回调函数修改值，从而间接实现动画。看看变换的例子：
复制代码代码如下所示：

{ #盒
宽度：100px；
身高：100px；
位置：绝对；
上图：100px；
左：100px；
文本缩进：90px；
背景颜色：红色；
}

$（#盒）。动画（{ 0 }，{选项文本缩进距离：
步骤：函数（现在，外汇）{
$（这）。Css（- WebKit的变换，'rotate（+现在+ 'deg））；
}，
持续时间：'慢'
}，'linear）；

在这里，我们使用文本缩进属性来触发动画，因为我们没有任何文本，因此使用文本缩进不影响元素的样式。在这里我们可以使用字体大小等。动画是使用动画（）方法生成的节奏来实现的。

参考文献
jQuery效果-动画（）方法
动画（）