title: Fade boxes after each other in
body: <p>I want to fade in all boxes at <a href="http://tekkkz.com/" rel="nofollow">my site</a> . But not like it works already. I want that first the last box fades in and then is moving down by the info box etc. so the boxes appears after each other.</p>
  
  <p>The fadein effect is currently made with:</p>
  
  <pre><code>.content {
      -webkit-animation: fadein 3s;
      -moz-animation: fadein 3s;
      -ms-animation: fadein 3s;
      -o-animation: fadein 3s;
      animation: fadein 3s;
      background: rgba(49,54,59,0.8);
      *zoom: 1;
  }
  
  @keyframes fadein {
      0% { opacity: 0; }
      75% { opacity: 0.3; }
      100% { opacity: 1; }
  }
  
  @-moz-keyframes fadein {
      0% { opacity: 0; }
      100% { opacity: 1; }
  }
  
  @-webkit-keyframes fadein {
      0% { opacity: 0; }
      100% { opacity: 1; }
  }
  
  @-o-keyframes fadein {
      0% { opacity: 0; }
      100% { opacity: 1; }
  }
  </code></pre>
  
  <p>It is possible to use jQuery, JavaScript and Css.
  I hope you'll ahve a solution.</p>