Get a smooth CSS steps animation-ending -


i'm using css animations animate sprites many keyframes inline in png file.

@keyframes rotate {   {background-position: 0 0;}   {background-position: -2560px 0;} } .rotate{       animation: rotate 0.75s steps(20) infinite; } 

i use js add or remove .rotate on user interaction.
animations work well, when removing .rotate, sprite go it's initial state.
when remove .rotate, want sprite animated until comes initial state. @ moment animation stops.

i read steps(number [, start | end]), don't know if can me.


Comments

Popular posts from this blog

javascript - how to protect a flash video from refresh? -

android - Associate same looper with different threads -

visual studio 2010 - Connect to informix database windows form application -