問題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)函數來實現動畫函數
- 2 回答
- 0 關注
- 2262 瀏覽
添加回答
舉報
0/150
提交
取消