課程
/前端開發(fā)
/HTML/CSS
/帶你走入前端動畫的世界
那些step函數(shù) 具體怎么實現(xiàn)的呢?
2019-12-26
源自:帶你走入前端動畫的世界 3-1
正在回答
最近一直在做項目,京東的年終倒帶,大致也是用step這個函數(shù)實現(xiàn)的;你可以這樣理解step多用于雪碧圖背景圖片,例如這個雪碧圖的背景一共有10個,step(10)就ok了相當(dāng)于把背景圖等分10分,然后配合背景圖坐標(biāo)例如我整個圖片寬度是1000 每個背景的圖片大小是100 那么就是step10 , 之后在@keyframes run{} 這個里面在100%里面加background-position-x:-1000;
舉報
學(xué)習(xí)css3動畫,并結(jié)合實際項目向大家展示應(yīng)用技巧,使大家快速入門。
1 回答老師,我怎么弄不出那個函數(shù)表呢
1 回答demo-1我怎么沒看出來卡頓的現(xiàn)象,和demo2有什么區(qū)別呢?
1 回答無法實現(xiàn)輪播
1 回答demo-2不能實現(xiàn)
2 回答無法實現(xiàn)該效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2020-01-02
最近一直在做項目,京東的年終倒帶,大致也是用step這個函數(shù)實現(xiàn)的;你可以這樣理解step多用于雪碧圖背景圖片,例如這個雪碧圖的背景一共有10個,step(10)就ok了相當(dāng)于把背景圖等分10分,然后配合背景圖坐標(biāo)例如我整個圖片寬度是1000 每個背景的圖片大小是100 那么就是step10 , 之后在@keyframes run{} 這個里面在100%里面加background-position-x:-1000;