文章詳情頁
css3動(dòng)畫 - css3 animation初始動(dòng)畫卡頓是怎么回事？
瀏覽：175日期：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%的時(shí)候就定義-20px，這樣會導(dǎo)致瞬間位移，所以看起來成了你說的卡
回答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);}
初始的時(shí)候加上-20px可以咯！
標(biāo)簽：
CSS
相關(guān)文章：
1. python - 啟動(dòng)Eric6時(shí)報(bào)錯(cuò)：’qscintilla_zh_CN’ could not be loaded2. android下css3動(dòng)畫非常卡，GPU也不差啊3. MySQL中的enum類型有什么優(yōu)點(diǎn)？4. css3 - 純css實(shí)現(xiàn)點(diǎn)擊特效5. mysql - 記得以前在哪里看過一個(gè)估算時(shí)間的網(wǎng)站6. css3 - 我想要背景長度變化，而文字不移動(dòng)，要怎么修改呢7. javascript - 關(guān)于<a>元素與<input>元素的JS事件運(yùn)行問題8. javascript - vue 怎么渲染自定義組件9. javascript - 同步方式寫異步到底指什么？10. python - 有什么好的可以收集貨幣基金的資源?
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備