Re: [問題] CSS rotate卡卡的

看板Web_Design作者 (重新開始)時間9年前 (2015/09/22 23:14), 編輯推噓1(103)
留言4則, 3人參與, 最新討論串2/2 (看更多)
這個功能你可以用純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://www.ptt.cc/bbs/Web_Design/M.1442934882.A.84E.html

09/23 06:48, , 1F
感謝!
09/23 06:48, 1F

09/23 09:00, , 2F
但是這樣的話只能滑到勾勾上才有反應了椰@@
09/23 09:00, 2F

09/23 10:43, , 3F
css selector研究一下
09/23 10:43, 3F

09/23 13:49, , 4F
那第二行可以改成 .successani:hover .transform360
09/23 13:49, 4F
文章代碼(AID): #1M0N1YXE (Web_Design)
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):
文章代碼(AID): #1M0N1YXE (Web_Design)