.sprite-runner { width: 128px; /* Width of exactly one frame */ height: 128px; background: url('https://server.newpages.com.my/storage/userfiles/27797/image/SCAN_LOGO.png') left center; /* steps(6) = jumps between 6 frames in your image */ animation: play-run 0.6s steps(6) infinite; } @keyframes play-run { 100% { background-position: -768px; } /* The total width of all frames combined */ }