title: How can I scale an image in a CSS sprite
body: <p>In this article, <a href="http://css-tricks.com/css-sprites/" rel="noreferrer">http://css-tricks.com/css-sprites/</a>, 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?</p>
  
  <p>Here is an example from that article:</p>
  
  <pre><code>A
  {
    background-image: url(http://www.jaredhirsch.com/coolrunnings/public_images/3deb155981/spriteme1.png);
    background-position: -10px -56px;
  }
  </code></pre>
  
  <p>I would like to know how can I scale that image after I crop it from from spriteme1.png</p>
  
  <p>Here is the URL of the example:
  <a href="http://css-tricks.com/examples/CSS-Sprites/Example1After/" rel="noreferrer">http://css-tricks.com/examples/CSS-Sprites/Example1After/</a></p>
  
  <p>So I would like to know if I can make the icons next to Item1,2,3,4 smaller?</p>