title: Don't blur images when magnified
body: <p>This is not a answer which will get <em>one</em> right answer, but I'll ask it anyways:</p>
  
  <p>Is it possible to maginify or enlarge an image so that it does not blur?</p>
  
  <p>For example <a href="http://codepen.io/anon/pen/JvBqf" rel="noreferrer">this</a> should not happen, the pixels should not blur into each other, but should magnify with enlarged block pixels. Is there something like <code>maginification: block;</code> or anything like that in CSS or HTML or maybe a JS polyfill?</p>