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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

css3動畫連續播放問題?

css3動畫連續播放問題?

慕無忌1623718 2018-08-17 21:30:11
比如有3個動畫,第一個動畫播放10次后執行第二個動畫,第二個動畫播放5次后執行第三個動畫,怎么寫?
查看完整描述

2 回答

?
小怪獸愛吃肉

TA貢獻1852條經驗 獲得超1個贊

用CSS寫的話就是算延時,比如第一段動畫你運行10次,每次1秒,那么第二段動畫就是delay個10秒以后再執行,同理如果第二段是5次每次0.6秒的話,那么第三段的延時就是第一次的10秒加第二次的3秒,總共delay13秒后執行。

其實一般這種隊列動畫,超過5個以上我個人都是建議上js的吧,像velocity.js這種框架都會有動畫隊列的設計,或者上個polyfill用最新的Web Animations API試試;用CSS的話算起來會很煩而且,如果碰到需求變更時量大的話很容易出錯,不太劃算。


查看完整回答
反對 回復 2018-09-02
  • 2 回答
  • 0 關注
  • 1271 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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