<div class="block block--black wow bounceInUp" ></div>
	<div class="block block--green wow slideInLeft" data-wow-duration="2s" data-wow-delay="0.5s"></div>
	<div class="block block--orange wow pulse" data-wow-iteration="infinite" data-wow-duration="1500ms"></div>
	<div class="block block--blue wow lightSpeedIn" data-wow-duration="2s" data-wow-delay="0.5s"></div>
body{
	margin: 0;
	padding: 0;
}
.block{
	width: 80%;
	height: 250px;
	background: #ddd;
	margin: 100px auto;
}
.block--black{
	background-color: black; 
}
.block--green{
	background-color: green; 
}
.block--orange{
	background-color: orange; 
}
.block--blue{
	background-color: blue; 
}

.block--image{
	width: fit-content;
}
new WOW().init();

wow = new WOW(
{
boxClass:     'wow',      // default
animateClass: 'animated', // default
offset:       0,          // default
mobile:       true,       // default
live:         true        // default
}
)
wow.init();

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.