title: css reverse a blur fade-out effect
body: <p>I am using a CSS3 blur fade-out effect and I would like to reverse the effect when the image is shown again. I'm trying to create is to fade in with blur and go to sharp, although I can't seem to reverse the effect  in my class <code>.home-holder.in</code>. </p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.home-holder.out{
      -webkit-filter: blur(8px);
      -webkit-transform: scale(1.4, 1.4);
      opacity: 0.25;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      visibility: hidden;
  }
  
  .home-holder.in{
      -webkit-filter: blur(8px);
      -webkit-transform: scale(1.4, 1.4);
      -webkit-transition: all 0.25s ease-in;
      transition: all 0.25s ease-in;
      visibility: visible;
  }
  </code></pre>