scaleUp

<div class="animation scaleUp">Add Content...</div> 

periodic

<div class="animation periodic1">Add Content...</div> 
<div class="animation periodic2">Add Content...</div> 
<div class="animation periodic3">Add Content...</div> 
<div class="animation periodic4">Add Content...</div> 

rotateIn

<div class="animation rotateIn">Add Content...</div> 

rotateInUpLeft

<div class="animation rotateInUpLeft">Add Content...</div> 

rotateInDownLeft

<div class="animation rotateInDownLeft">Add Content...</div> 

rotateInUpRight

<div class="animation rotateInUpRight">Add Content...</div> 

rotateInDownRight

<div class="animation rotateInDownRight">Add Content...</div>  

fadeIn

<div class="animation fadeIn">Add Content...</div> 

fadeInUp

<div class="animation fadeInUp">Add Content...</div>  

fadeInDown

<div class="animation fadeInDown">Add Content...</div>  

fadeInLeft

<div class="animation fadeInLeft">Add Content...</div>  

fadeInRight

<div class="animation fadeInRight">Add Content...</div>  

fadeInUpBig

<div class="animation fadeInUpBig">Add Content...</div>  

fadeInDownBig

<div class="animation fadeInDownBig">Add Content...</div>  

fadeInLeftBig

<div class="animation fadeInLeftBig">Add Content...</div>  

fadeInRightBig

<div class="animation fadeInRightBig">Add Content...</div>  

flipInX

div class="animation flipInX">Add Content...</div>  

flipInY

<div class="animation flipInY">Add Content...</div>  

animationwidth

<div class="progress progress-info">
<div class="bar  animation animationwidth" data-width=" 90%">Web Design 90%</div>
</div>
<div class="progress progress-success">
<div class="bar animation animationwidth" data-width=" 95%">HTML/CSS 95%</div>
</div>
<div class="progress progress-warning">
<div class="bar animation animationwidth" data-width=" 85%">Graphic Design 85%</div>
</div>
<div class="progress progress-danger">
<div class="bar animation animationwidth" data-width="75%">DNN 75%</div>
</div>