title: Blur out an image then back to normal state
body: <p>I'm seeing if there is a way to blur out your background for a few seconds then have it come into view. I was trying to play around with the blur attribute and the transition attribute but I was not getting the results I was getting. I tried something like this on my css</p>
  
  <pre><code>body{
      background:black;
          -webkit-filter: blur(10px);
  
  }
  .body{
      margin:0 auto;
      width:95%;`enter code here`
      clear:both;
          transition:body 2s ease-in-out;
  }
  </code></pre>
  
  <p>Any suggestions?</p>