Sprite sheet animation with steps(). If you don’t... | simurai

Sprite sheet animation with steps(). If you don’t wanna use gifs on your site and rather PNGs for better colors, but still be able to animate them, here an option: CSS keyframe animations have a property called animation-timing-function and one of the options is to use the steps() feature like in this example: div { animation: play 1s steps(10) infinite; } @keyframes play { 0% { background-positio

[site159]

あら便利ね

[haiji505]

pngでアニメ

[skyfox_xxx]

google先生がよく使うpngスプライトアニメ

[kojika17]

CSSスプライトでやるアニメーション｜Sprite sheet animation with steps(). If you don’t... | simurai