Re: [問題] CSS rotate卡卡的
這個功能你可以用純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
09/23 10:43, 3F
→
09/23 13:49, , 4F
09/23 13:49, 4F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章