css3アニメーションフレーム単位で

Question

要素の背景位置を変更するフレームごとのアニメーションを行う必要があります。私はイージングや線形アニメーションを使わずに、バックグラウンド位置を変更するだけで、これを行う必要があります。 css3アニメーションで実現することは可能ですか？

Answer 1

はい新しいステップ関数イージングカーブのプロパティを使用しています。

「イージーイン」の代わりに、「ステップスタート」または「ステップエンド」を使用して、遷移期間で指定された期間の始めまたは終わりのいずれかに瞬時に遷移させます。

「steps（N、start | end）」は複数のステップを持つこともできます。これは、等間隔のステップで遷移が発生します。

AFAIKこれは現在までChromeでのみサポートされています。