Question

Is it possible to resize images which we receive from sprite.
I mean like this:

background: url(../images/sprite.png) no-repeat -1px -1170px;
display: block;
height: 14px;
width: 14px;

Is it possible to change width and height from sprite? For example if I have pencil icon in sprite with resolution 40×40 but I want to display this pencil icon like 20×20 pixels

Thank you, in advance.

Answer 1

You can use the background-size property in css3:

background-size: 50% 50%;