Question

css3中的transform可以用jquery中的animate实现吗？

我尝试过，不好使，担心是自己使用问题。求大神指教

Answer 1

好像 jquery animate不支持-webkit-transform，我是试了很多遍都不成功！jquery.css()还支持，
.addw{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.add{
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5) }
然后用jquery.addclass("addw").addclass("add");这样就可以了！上stack overflow上收的也多半是这种办发

Answer 2

代码贴上来看看吧，
transform兼容性不好，需要写很多组，你jq里怎么写的，还有你想达到什么效果，未必一定要把transform用jq来写的，写在css里，另起一个类名，切换类名也可以啊

追问

恩。我看官方是用transition实现的（兼容到IE10）。我不是问多高深的问题。就是用实现一个transform的简单动态效果

追答

类似于这样么：

.box_02_content section img{ width:100%;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
}
.box_02_content section:hover img{
-webkit-transform:scale(1.2) rotate(2deg);
-moz-transform:scale(1.2) rotate(2deg);
-ms-transform:scale(1.2) rotate(2deg);
-o-transform:scale(1.2) rotate(2deg);
transform:scale(1.2) rotate(2deg);
}

那我就不明白了，为什么要用jq写的

追问

恩。我也不用JQ写了。

Answer 3

可以 但是明明能用transform解决的东西，为什么要用JQ呢？ 有些本末倒置了~