問題1:請問@keyframes的兼容有沒有比較簡略的寫法如下代碼,我做一個圖片翻轉(zhuǎn)的動畫,目前兼容的寫法代碼重復率很高,有沒有辦法壓縮?問題2:我在關鍵幀的每個變化中添加了停頓,如0%到20%間添加了與20%效果相同的幀來實現(xiàn)一個停頓的效果,這個效果可以通過animation的屬性直接實現(xiàn)嗎,animation-delay實現(xiàn)的是初始停頓。@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條經(jīng)驗 獲得超7個贊
第一個問題,我好像記得有一個prefixfree.js插件。
第二個問題,只能是自己定義中間過渡狀態(tài)。想實現(xiàn)停頓,采用step(1,start)函數(shù)來實現(xiàn)動畫函數(shù)
- 2 回答
- 0 關注
- 2257 瀏覽
添加回答
舉報
0/150
提交
取消