Sprite
✨ elzaphaN TV
<html> <head> <title>Let's Start </title> <style> .test { height: 220px; width: 220px; background-image: url('https://media.discordapp.net/attachments/798903401223028736/806801921947598858/pixel-hearts-png-7.png?width=717&height=239'); cursor: pointer; transform: 1s; } @keyframes move { from { background-position-x: 0px; } to { background-position-x: -720px; } } </style> </head> <body> <div class="test"> </div> <button onclick="move()"> click </button> <script> function move(){ let move = document.querySelector(".test"); move.style.animation = "move 1s steps(3)"; setInterval(function(){ move.style.opacity = "0"; },1000) } </script> </body> </html>