文章詳情頁
css3動畫 - css3 animation初始動畫卡頓是怎么回事？
瀏覽：127日期：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. javascript - js 有什么優雅的辦法實現在同時打開的兩個標簽頁間相互通信？2. css3 - Typecho 后臺部分表單按鈕在 Chrome 下出現靈異動畫問題，求解決3. javascript - angular和jquery都用到了$符號，一起用會不會沖突？4. javascript - 怎樣限制同一個瀏覽器不能登錄兩個賬號5. 想找個php大神仿個網站。6. java - android代碼重構：如何把app設置里的頭像UI做成通用的？7. java - 新手做一個安卓視頻播放器，想實現一個進度條，按鈕那種在視頻下方懸浮的功能，不知道思路！8. javascript - jquery怎么給select option一個點擊時觸發的事件,如圖 如果選擇自定義觸發一個時間？9. nginx配置server模塊的問題10. mysql優化 - 關于mysql分區
排行榜
網公網安備