文章詳情頁
css3動畫 - css3 animation初始動畫卡頓是怎么回事？
瀏覽：333日期：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. docker鏡像push報錯2. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””3. 關于docker下的nginx壓力測試4. docker - 如何修改運行中容器的配置5. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題6. angular.js - angularjs的自定義過濾器如何給文字加顏色？7. 前端 - @media query 使用出現的問題？8. html - css氣泡，實現“倒三角（不知道算不算三角了）”可透明的。9. html5和Flash對抗是什么情況？10. java - 如何點擊按鈕，重新運行（我是初學者）？
排行榜
網公網安備