文章詳情頁
css3動畫 - css3 animation初始動畫卡頓是怎么回事？
瀏覽：138日期：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. mysql - 如何減少使用或者不用LEFT JOIN查詢？2. 視頻文件不能播放，怎么辦？3. mysql - jdbc的問題4. Python爬蟲如何爬取span和span中間的內容并分別存入字典里？5. 網頁爬蟲 - python 爬取網站 并解析非json內容6. Python如何播放還存在StringIO中的MP3?7. python - 我在使用pip install -r requirements.txt下載時，為什么部分能下載，部分不能下載8. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ，會帶來哪些效率或者其他方面的好處9. node.js - nodejs開發中常用的連接mysql的庫10. python - 編碼問題求助
排行榜
網公網安備