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
Post a Comment