title: Background image blurry when scaling on iPad and iPhone
body: <p>I'm creating a web app where I allow users to zoom certain 100x100px background images.</p>
  
  <p>When they double tap the image, I scale the image to twice its size (-webkit-transform: scale( 2 )).</p>
  
  <p>When the transition is done, I swap the 100x100px image with a larger 200x200px image. For some reason, the image is very blurry.</p>
  
  <p>So I tried to use an img tag instead of a div tag to show my images. Here the image isn't blurry at all. Why is this?</p>
  
  <p>I NEED to use background images to circumvent the memory limit on the iPad and iPhone (if I use img tags I will hit a memory wall).</p>
  
  <p>Can anyone help me? Thank you so much.</p>