【前言】
今天有个同事问了道问题,jquery的动画想实现转换类效果,发现无效。。。
【主体】
首先w3c中展示的animate的支持属性:
所以这是jquery本身代码库的问题,animated方法中没有封装transform属性
解决方案:
(1)css方法
$($sub).animate({},5000,function(){ $(this).css({'transform':'translateX(300px)'}); })
在动画函数的回调函数里执行。时间和效果就没了意义,毕竟函数是在动画完成之后才有调用
(2)addClass方法
可以通过addClass()方法来代替此动作:
比如想旋转一个icon
在css中加入一个class
.add_transform{
transform:rotate(180deg);
-ms-transform:rotate(180deg);/* IE9 */
-moz-transform:rotate(180deg);/* Firefox */
-webkit-transform: