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

本文主要是介绍jquery中animate方法不支持transform属性的解决，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

可以通过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/

这篇关于jquery中animate方法不支持transform属性的解决的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---