文章詳情頁
css3動畫 - css3 animation初始動畫卡頓是怎么回事？
瀏覽：121日期：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. android - NavigationView 的側滑菜單中如何保存新增項（通過程序添加）2. tp5 不同控制器中的變量調用問題3. 微信小程序可以用gulp,webpack嗎？4. mysql服務無法啟動1067錯誤，誰知道正確的解決方法？5. python - 為什么正常輸出中文沒有亂碼，zip函數之后出現中文編程unicode編碼的問題，我是遍歷輸出的啊。7. 老師 我是一個沒有學過php語言的準畢業生 我希望您能幫我一下8. 這段代碼既不提示錯誤也看不到結果，請老師明示錯在哪里，謝謝！9. php7.3.4中怎么開啟pdo驅動10. 提示語法錯誤語法錯誤: unexpected ’abstract’ (T_ABSTRACT)
排行榜
網公網安備