css3中的transform可以用jquery中的animate實(shí)現(xiàn)嗎？
2 回答
桃花長相依
TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超8個(gè)贊
好像 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貢獻(xiàn)1841條經(jīng)驗(yàn) 獲得超3個(gè)贊
代碼貼上來看看吧，
transform兼容性不好，需要寫很多組，你jq里怎么寫的，還有你想達(dá)到什么效果，未必一定要把transform用jq來寫的，寫在css里，另起一個(gè)類名，切換類名也可以啊
類似于這樣么：
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 關(guān)注
- 554 瀏覽
添加回答
舉報(bào)
0/150
提交
取消