.frame_wrap { width: var(--width); height: var(--height); animation: frames calc(var(--duration) * 1s) steps(var(--count)) var(--playNumber); background-position: 0 0; background-size: calc(var(--width) * var(--count)) var(--height); } @keyframes frames { from { background-position-x: 0; } to { background-position-x: calc(var(--width) * var(--count)); } }