作者whyblue (重新开始)
看板Web_Design
标题Re: [问题] CSS rotate卡卡的
时间Tue Sep 22 23:14:35 2015
这个功能你可以用纯CSS写就可以罗，
.transform360 { transition: .8s; }
.transform360:hover { transform: rotate(-50deg); }
※ 引述《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/
: 这是网站，动画在最新需求完成，有很多勾勾的那个地方
: 感谢!
--
PERSONAL SITE:
http://www.chiayilai.com
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 122.117.1.210
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1442934882.A.84E.html
1F：推 chung5566: 感谢！ 09/23 06:48
2F：→ chung5566: 但是这样的话只能滑到勾勾上才有反应了椰＠＠ 09/23 09:00
3F：→ bbcust: css selector研究一下 09/23 10:43
4F：→ whyblue: 那第二行可以改成 .successani:hover .transform360 09/23 13:49