[問題] CSS rotate卡卡的

[chung5566 (強)]

各位高手好

小弟最近在做一個網站，想要加一點css3d旋轉的動畫

但是在滑進滑出的時候感覺卡卡的

我的JS程式碼

$('.successani').each(function(){
$(this).mouseover(function(){
        $(this).find('.transform360').css("transform","rotate(-50deg");

});
$(this).mouseout(function(){
        $(this).find('.transform360').css('transform','rotate(0deg');
});
});

CSS

.transform360{

        transition :2s;
}

請問有什麼方法可以讓她很順的轉來轉去@@

http://dr.sunshiny.com.tw/

這是網站，動畫在最新需求完成，有很多勾勾的那個地方

感謝!


--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.228.36.124
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1442931361.A.0CA.html
※ 編輯: chung5566 (36.228.36.124), 09/22/2015 22:16:47
→ crown: 這個可以用純css
→ rarex: 用animation-fill-mode搭配transition讓他自己幫你內插