您的位置:首页 > Web前端 > JQuery

jquery中animate方法不支持transform属性的解决

2017-05-11 17:15 603 查看
可以通过addClass()方法来代替此动作:

比如想旋转一个icon:

在css中加入一个class

.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/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐