CodePen

HTML

            
              <div>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
</div>

<div>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
</div>

<div>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
</div>
            
          
!

CSS

            
              body {
  font-family: "Helvetica Neue", Helvetica;
  width: 90%;
  font-weight: 200;
  letter-spacing: 1px;
  margin: 25px auto 0 auto;
  background: rgb(234, 235, 235);
  color: rgb(25, 25, 25);
}

div {
  display: none;
  width: 30%;
  margin-right: 3%;
  float: left;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              /* jquery.js */
/* jquery.velocity.js */
/* velocity.ui.js */

// This demo uses drag.
setInterval(function() {
  $("div")
      .velocity("transition.slideDownBigIn", { drag: true })
      .delay(750)
      .velocity({ opacity: 0 }, 750)
}, 2000);
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................