この動画は、GIF アニメーションのようであるが、そうではない。CSS の steps() は、アニメーションやトランジションを段階的な関数に分割するタイミング関数だ。コマ撮りのアニメーションのような動きをさせることができる。

steps() は、アニメーションを background-position に適用することで、1 枚のスプライト画像(複数の画像を１枚にまとめた画像のこと)でコマ送りのようなアニメーションを実現することができる。