Essential CSS

CSS Image Sprites

suggest change

Syntax

background: url(“sprite-image.png”);

background-position: -20px 50px;

background: url(“sprite-image.png”) -20px 50px;

Remarks

For some use cases, sprites are slowly falling out of favor, being replaced by icon webfonts or SVG images.

Found a mistake? Have a question or improvement idea? Let me know.

Feedback about page:

Feedback:
Optional: your email if you want me to get back to you:

Table Of Contents