文章詳情頁
css3動畫 - css3 animation初始動畫卡頓是怎么回事?
瀏覽:334日期: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. css3 - 請教一下,css如何使左右兩邊的div高度自適應相等2. centos - rpm更新軟件wkhtmltox報錯3. javascript - gitbook serve命令找不到fontsettings.js4. css - ios input 添加 readonly unselectable="on" 屬性,光標依舊還在,怎么清除光標5. java - 已知外匯牌價折算匯率6. javascript - 連續點擊觸發mouseleave事件7. javascript - 如何讓外層div隨內層div的寬度自適應調整寬度8. java - shiro anon 不生效9. javascript - Expires和Cache-Control 設置過期時間一般是前端來寫還是服務器端來寫?10. 前端 - 如何實現自適應的多行文字垂直居中?
排行榜

網公網安備