文章詳情頁(yè)
css3動(dòng)畫(huà) - css3 animation初始動(dòng)畫(huà)卡頓是怎么回事？
瀏覽：105日期：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. mysql表中索引重復(fù)的問(wèn)題？2. mysql - 求SQL語(yǔ)句3. mysql輸入賬號(hào)密碼后跳出一大堆內(nèi)容后但卻進(jìn)不了mysql？4. mysql - 數(shù)據(jù)庫(kù)多表聯(lián)合查詢插入其他庫(kù)5. mysql update inner join錯(cuò)誤6. 上傳多圖時(shí)，最后一張圖為縮略圖，想設(shè)置第一張圖為縮略圖怎么解決？7. 誰(shuí)有mysql5.7安裝的詳細(xì)教程8. mysql - 關(guān)于sql語(yǔ)句中的with從句和group by分組9. c# - MySqlDataAdapter使用Update以后在使用Fill填充Table時(shí)得不到數(shù)據(jù)10. MySQL創(chuàng)建視圖不可以包含子查詢嗎
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備