文章詳情頁(yè)
css3動(dòng)畫(huà) - css3 animation初始動(dòng)畫(huà)卡頓是怎么回事？
瀏覽：154日期：2023-06-30 18:58:24
問(wèn)題描述
問(wèn)題代碼：https://jsfiddle.net/zhoou/qd...
問(wèn)題解答
回答1：@keyframes tiao{ 0%{ transform: translate(0,0);} 50%{ transform: translate(0,-20px);} 75%{ transform: translate(0,0);} 100%{ transform: translate(0,20px);}}
這么寫(xiě)，不能在0%的時(shí)候就定義-20px，這樣會(huì)導(dǎo)致瞬間位移，所以看起來(lái)成了你說(shuō)的卡
回答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 - oslo_config2. python - 如何統(tǒng)計(jì)一份英文 API 開(kāi)發(fā)文檔（如 javadoc文檔）的詞頻？3. mysql優(yōu)化 - mysql 一張表如果不能確保字段列長(zhǎng)度一致，是不是就不需要用到char。4. python - 請(qǐng)問(wèn)這兩個(gè)地方是為什么呢？5. python - 為什么match匹配出來(lái)的結(jié)果是<_sre.SRE_Match object; span=(0, 54), match=’’>6. 請(qǐng)教一個(gè)mysql去重取最新記錄7. javascript - 按鈕鏈接到另一個(gè)網(wǎng)址 怎么通過(guò)百度統(tǒng)計(jì)計(jì)算按鈕的點(diǎn)擊數(shù)量8. 人工智能 - python 機(jī)器學(xué)習(xí) 醫(yī)療數(shù)據(jù) 怎么學(xué)9. 大家都用什么工具管理mysql數(shù)據(jù)庫(kù)？10. php - 有關(guān)sql語(yǔ)句反向LIKE的處理
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備