作者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/m.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