Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
要素の背景位置をフレームごとに変更するアニメーションを実行する必要があります。背景の位置を変更するだけで、イージングや線形アニメーションなしでこれを行う必要があります。css3アニメーションで達成することは可能ですか?
はい、それは新しい階段関数緩和曲線プロパティを介して行われます。
「イーズイン」などの代わりに、「step-start」または「step-end」を使用します。これにより、transition-durationで指定された期間の開始時または終了時に遷移が瞬時に発生します。
複数のステップを設定することもできます:「steps(N、start | end])」。これにより、等間隔のステップで遷移が発生します。
AFAIKこれは、現在のところChromeでのみサポートされています。