Sprites on the Web
Summary
The article introduces the CSS spritesheet technique for web animations, showing how a single image containing multiple frames can be revealed frame-by-frame using object-fit and object-position, driven by CSS keyframes. It explains how to implement discrete-frame animation with steps(), discusses performance benefits over GIFs, and covers practical use cases and trade-offs, including a trophy sprite example and guidance on when to avoid sprites.