文章詳情頁
css3動畫 - css3 animation初始動畫卡頓是怎么回事?
瀏覽:309日期: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,這樣會導(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);}
初始的時候加上-20px可以咯!
標(biāo)簽:
CSS
相關(guān)文章:
1. boot2docker無法啟動2. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””3. docker-compose中volumes的問題4. javascript - mock.js可以存儲數(shù)據(jù)嗎5. nignx - docker內(nèi)nginx 80端口被占用6. java - SSH框架中寫分頁時service層中不能注入分頁類7. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.8. dockerfile - 為什么docker容器啟動不了?9. golang - 用IDE看docker源碼時的小問題10. docker api 開發(fā)的端口怎么獲取?
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備