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

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

CSS中的關鍵幀動畫兼容

CSS中的關鍵幀動畫兼容

留白未來 2016-08-09 11:04:21
問題1:請問@keyframes的兼容有沒有比較簡略的寫法如下代碼,我做一個圖片翻轉的動畫,目前兼容的寫法代碼重復率很高,有沒有辦法壓縮?問題2:我在關鍵幀的每個變化中添加了停頓,如0%到20%間添加了與20%效果相同的幀來實現一個停頓的效果,這個效果可以通過animation的屬性直接實現嗎,animation-delay實現的是初始停頓。@keyframes?fz?{ ????0%?{transform:?rotateY(45deg);} ????10%?{transform:?rotateY(180deg);} ????20%?{transform:?rotateY(180deg);} ????30%?{transform:?rotateY(360deg);} ????40%?{transform:?rotateY(360deg);} ????50%?{transform:?rotateX(45deg);} ????60%?{transform:?rotateX(45deg);} ????70%?{transform:?rotateX(180deg);} ????80%?{transform:?rotateX(180deg);} ????90%?{transform:?rotateX(360deg);} ????100%?{transform:?rotateX(360deg);} } @-webkit-keyframes?fz?{略} @-moz-keyframes?fz?{略}
查看完整描述

2 回答

?
小王子抓貓咪

TA貢獻9條經驗 獲得超7個贊

第一個問題,我好像記得有一個prefixfree.js插件。

第二個問題,只能是自己定義中間過渡狀態。想實現停頓,采用step(1,start)函數來實現動畫函數

查看完整回答
1 反對 回復 2016-08-10
  • 留白未來
    留白未來
    謝謝您的解答,確認晚了,只好按時間順序采納,請諒解.再次感謝您.
  • 2 回答
  • 0 關注
  • 2262 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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