昨天写代码时，偶然想到了如果我们把css3属性放在animate中，指定时间。能否实现动画呢。举个例子吧：
<script>
$(".box").animate({
"-webkit-transform":"rotate(90deg)"
},1000);
</script>
如上代码，box会在一秒种从0deg旋转到90deg吗？答案是否定的。
于是我查了下jquery的手册，发现animate的第一参数中确实不能放css3的属性。于是乎怎么办呢？
我在stackoverflow上发现了一个技巧，来用js操作css3属性动画。当然有人要问了，用animation不就好了吗？问题是，animation过于死板了，并且只能用在一个对象上。如果我在改变。box的属性时，还要同时改变另一个box2的css，用animation就不行了。
那么，我们换一种方式利用jquery的animation函数。
$({property:0}).animate({property:100},
{
duration:500;
step:$(".box").css（"
-webkit-transform
","rotate("+this.property/100*90+"deg)"）
} );
其实现在有些网站上的激光加载条，就是通过这种方式做的。