可以通过addClass()方法来代替此动作:
比如想旋转一个icon:
在css中加入一个class
[css] view plain copy
.add_transform{
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
然后通过$("选择器").toggleClass(".add_transform");来使icon的旋转变为动画效果。
或者下载补丁(加一个js文件):
https://github.com/zachstronaut/jquery-animate-css-rotate-scale/