Question

jquery中animate的transform scale用法是什么？

Answer 1

可以通过addClass()方法来代替此动作：

比如想旋转一个icon:

在css中加入一个class

[css] view plain copy

• .add_transform{  

• transform:rotate(180deg);  

• -ms-transform:rotate(180deg);    /* IE 9 */  

• -moz-transform:rotate(180deg);   /* Firefox */  

• -webkit-transform:rotate(180deg); /* Safari 和 Chrome */  

• -o-transform:rotate(180deg);    /* Opera */  

• transition: all 0.5s ease-in-out;  

• -moz-transition: all 0.5s ease-in-out; /* Firefox 4 */  

• -webkit-transition: all 0.5s ease-in-out; /* Safari 和 Chrome */  

• -o-transition: all 0.5s ease-in-out; /* Opera */  

• }  




然后通过$("选择器").toggleClass(".add_transform");来使icon的旋转变为动画效果。

或者下载补丁（加一个js文件）：

https://github.com/zachstronaut/jquery-animate-css-rotate-scale/