文章詳情頁
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. 前端 - 如何實現自適應的多行文字垂直居中？
排行榜
網公網安備