課程
/前端開發
/JavaScript
/H5+JS+CSS3 實現圣誕情緣
-webkit-animation-timing-function: steps(3);steps這個函數中參數該怎么確定?
2016-05-25
源自:H5+JS+CSS3 實現圣誕情緣 3-2
正在回答
我在網上查到的一個解釋是,step()主要是的css sprite使用的,給出首位的兩個圖的位置,3表示切換的次數,切換3次 background-position?使其變為連續的動畫。
曦呦
steps()函數中參數是根據自己想要動畫通過幾幀來執行確定的,比如在動畫從開始到結束期間,你想要動畫分3步完成,那參數就是3,分5步完成,那參數就是5。(要理解這個:animation-timing-function指定動畫將如何完成一個周期。)
陪安東尼度過漫長的歲月 提問者
舉報
為圣誕節準備的H5+JS+CSS特效案例教程,實現靜與動的結合
1 回答steps()
1 回答steps(2) animation里沒有看到這個吧?
1 回答box-shadow用法與參數設置
1 回答one是函數嗎
1 回答one()函數的用法?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-06-01
我在網上查到的一個解釋是,step()主要是的css sprite使用的,給出首位的兩個圖的位置,3表示切換的次數,切換3次 background-position?使其變為連續的動畫。
2016-05-25
steps()函數中參數是根據自己想要動畫通過幾幀來執行確定的,比如在動畫從開始到結束期間,你想要動畫分3步完成,那參數就是3,分5步完成,那參數就是5。(要理解這個:animation-timing-function指定動畫將如何完成一個周期。)