文章詳情頁
css3動畫 - css3 animation初始動畫卡頓是怎么回事？
瀏覽：146日期：2023-06-30 18:58:24
問題描述
問題代碼：https://jsfiddle.net/zhoou/qd...
問題解答
回答1：@keyframes tiao{ 0%{ transform: translate(0,0);} 50%{ transform: translate(0,-20px);} 75%{ transform: translate(0,0);} 100%{ transform: translate(0,20px);}}
這么寫，不能在0%的時候就定義-20px，這樣會導致瞬間位移，所以看起來成了你說的卡
回答2：.cir li{ float: left; width: 20px; height: 20px; border-radius: 50%; margin:10px; background: #ccc; line-height: 20px; text-align: center;transform: translate(0,-20px);}
初始的時候加上-20px可以咯！
標簽：
CSS
相關文章：
1. python - TypeError: tryMsgcode() takes exactly 2 arguments (0 given)2. 環(huán)境搭建 - anaconda 創(chuàng)建python2.7環(huán)境中打開編譯器確是3.6版本3. extra沒有加載出來4. linux - Ubuntu下編譯Vim8（+python）無數次編譯失敗5. html5 - H5頁面喚起APP導航6. javascript - 彈出一個子窗口，操作之后關閉，主窗口會得到相應的響應，例如網站的某些登錄界面，django后臺的管理等，這是怎么實現的呢？7. 求救一下，用新版的phpstudy，數據庫過段時間會消失是什么情況？8. mysql replace 死鎖9. list - python 求助10. python - 數據與循環(huán)次數對應不上
排行榜
網公網安備