title: Blurry to pixelated custom Fade In
body: <p>I'm seeking to create a custom fade in with jQuery or JS. I'd like the fade to be exaggerated and go from very blurry, to pixelated, to then the clear crisp image. On page load, one time.</p>
  
  <p>This is for one image. Yes, tradditionaly done via making an animated gif I suppose. But can I write the effect with jQuery?</p>
  
  <p>On page load. Grabbing the image <code>#div</code> ></p>
  
  <blockquote>
    <p>Image loads blurry > then pixelates in > and then the clear original HQ image resolves.</p>
  </blockquote>
  
  <p><img src="https://i.stack.imgur.com/eaP0f.jpg" alt="enter image description here"></p>