文章詳情頁
css3動畫 - css3 animation初始動畫卡頓是怎么回事？
瀏覽：160日期：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 - Django有哪些成功項目？2. 實現bing搜索工具urlAPI提交3. Python從URL中提取域名4. MySQL主鍵沖突時的更新操作和替換操作在功能上有什么差別(如圖)5. 關于mysql聯合查詢一對多的顯示結果問題6. 數據庫 - Mysql的存儲過程真的是個坑！求助下面的存儲過程哪里錯啦，實在是找不到哪里的問題了。7. node.js - 微信小程序websocket連接問題8. 直接打字符不可以嗎？>和>有區別嗎9. node.js - windows10下的npm全局路徑的復原或者將npm徹底刪除？10. Python中使用超長的List導致內存占用過大
排行榜
網公網安備