css3中的transform可以用jquery中的animate實現(xiàn)嗎？
2 回答
慕慕森
TA貢獻1856條經(jīng)驗 獲得超17個贊
好像 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上收的也多半是這種辦發(fā)
料青山看我應如是
TA貢獻1772條經(jīng)驗 獲得超8個贊
代碼貼上來看看吧，
transform兼容性不好，需要寫很多組，你jq里怎么寫的，還有你想達到什么效果，未必一定要把transform用jq來寫的，寫在css里，另起一個類名，切換類名也可以啊
類似于這樣么：
1 2 3 4 5 6 7 8 9 10 11 12 13 | .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); } |
- 2 回答
- 0 關注
- 1125 瀏覽
添加回答
舉報
0/150
提交
取消