作者chung5566 (强)
看板Web_Design
标题[问题] CSS rotate卡卡的
时间Tue Sep 22 22:15:58 2015
各位高手好
小弟最近在做一个网站，想要加一点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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1442931361.A.0CA.html
※ 编辑: chung5566 (36.228.36.124), 09/22/2015 22:16:47
1F：→ crown: 这个可以用纯css 09/23 12:51
2F：→ rarex: 用animation-fill-mode搭配transition让他自己帮你内插 09/24 00:02