css3動畫幀逐幀

Question

我需要做一個動畫逐幀更改元素的背景位置。我需要做到這一點沒有緩動或線性動畫，只是改變背景位置。用css3動畫可以實現嗎？

Answer 1

是的，它是通過新的步進功能緩動曲線屬性。

使用「step-start」或「step-end」可以使轉換瞬間在轉換持續時間中指定的時間段的開始或結束時立即發生。

您也可以有多個步驟：「steps（N，start | end））」，它將以相等間隔的步驟進行轉換。

AFAIK此功能僅在Chrome中支持。