文章詳情頁
css3動畫 - css3 animation初始動畫卡頓是怎么回事？
瀏覽：241日期：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. node.js - nodejs+express+vue2. javascript - vue2.0中使用vue2-dropzone的demo，vue2-dropzone的github網址是什么？？百度不到。3. objective-c - ios 怎么實現微信聯系列表 最好是swift4. vue計算屬性怎么樣與for結合使用5. angular.js - vue/react 渲染內容抖動6. PHP能實現百度網盤的自動化么？7. Python 子類能否覆蓋全局函數?8. mysql - sql 找出2個數據庫的差異表名9. javascript - vue上傳圖片，并顯示在頁面中的插件10. kv存儲 - 怎樣用 Redis 緩存微博的評論列表？
排行榜
網公網安備