How can I scale an image in a CSS sprite

Posted by michael on Stack Overflow See other posts from Stack Overflow or by michael
Published on 2010-03-12T02:50:45Z Indexed on 2010/03/12 3:17 UTC
Read the original article Hit count: 439

Filed under:
|

Hi,

In this article, http://css-tricks.com/css-sprites/, it talks about how can I crop off a smaller image from 1 bigger image. Can you please tell me if it is possible/how I can crop off a smaller image and then scale the cropped off region before I lay it out?

Here is an example from that article:

A
{
  background-image: url(http://www.jaredhirsch.com/coolrunnings/public_images/3deb155981/spriteme1.png);
  background-position: -10px -56px;
}

I would like to know how can I scale that image after I crop it from from spriteme1.png

Here is the URL of the example: http://css-tricks.com/examples/CSS-Sprites/Example1After/

So I would like to know if I can make the icons next to Item1,2,3,4 smaller?

© Stack Overflow or respective owner

Related posts about css

Related posts about css-sprites