title: Transform a background image with CSS
body: <p>I've got a CSS class defined like so:</p>
  
  <pre><code>.MyClass .MyIcon {
    background: url("../Images/my_icon.png") no-repeat scroll 0px 0px transparent !important;  
  }
  </code></pre>
  
  <p>But the image is a little too big for what I need. Is there a way to shrink this image from its current size of 20 x 20 to 16 x 16, <strong>using CSS</strong>. So just making another image is not an option.</p>
  
  <p>I've been searching different sites, but I feel like I'm missing something. </p>
  
  <p>Thx for any help! :D</p>