亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

steps參數

-webkit-animation-timing-function: steps(3);steps這個函數中參數該怎么確定?

正在回答

2 回答

我在網上查到的一個解釋是,step()主要是的css sprite使用的,給出首位的兩個圖的位置,3表示切換的次數,切換3次 background-position?使其變為連續的動畫。

0 回復 有任何疑惑可以回復我~
#1

曦呦

首尾兩個圖的background-position。
2016-06-01 回復 有任何疑惑可以回復我~

steps()函數中參數是根據自己想要動畫通過幾幀來執行確定的,比如在動畫從開始到結束期間,你想要動畫分3步完成,那參數就是3,分5步完成,那參數就是5。(要理解這個:animation-timing-function指定動畫將如何完成一個周期。)

0 回復 有任何疑惑可以回復我~
#1

陪安東尼度過漫長的歲月 提問者

那他與0%,50%,75%,100%有什么關系,我看了一些資料的解釋是steps這個函數中的參數僅僅是指幀與幀切換時有幾個階躍,如果這樣的話那么我把steps這個函數中的參數改為1,他應該不會影響動畫的整體播放。但結果是動畫播放不正常
2016-05-26 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
H5+JS+CSS3 實現圣誕情緣
  • 參與學習       122111    人
  • 解答問題       233    個

為圣誕節準備的H5+JS+CSS特效案例教程,實現靜與動的結合

進入課程
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號