CSS3 Animations

<div class="animation">
  <div class="row mb-20">
    <div class="col-sm-3 animation_item scaleUp delay1"><img alt="" src="/portals/13/Features-Images/animations-img01.jpg" /></div>
    <div class="col-sm-3 animation_item scaleUp delay2"><img alt="" src="/portals/13/Features-Images/animations-img02.jpg" /></div>
    <div class="col-sm-3 animation_item scaleUp delay3"><img alt="" src="/portals/13/Features-Images/animations-img03.jpg" /></div>
    <div class="col-sm-3 animation_item scaleUp delay4"><img alt="" src="/portals/13/Features-Images/animations-img04.jpg" /></div>
  </div>
  <div class="row mb-20">
    <div class="col-sm-3 animation_item scaleUp delay5"><img alt="" src="/portals/13/Features-Images/animations-img05.jpg" /></div>
    <div class="col-sm-3 animation_item scaleUp delay6"><img alt="" src="/portals/13/Features-Images/animations-img06.jpg" /></div>
    <div class="col-sm-3 animation_item scaleUp delay7"><img alt="" src="/portals/13/Features-Images/animations-img07.jpg" /></div>
    <div class="col-sm-3 animation_item scaleUp delay8"><img alt="" src="/portals/13/Features-Images/animations-img08.jpg" /></div>
  </div>
  <div class="row">
    <div class="col-sm-3 animation_item scaleUp delay9"><img alt="" src="/portals/13/Features-Images/animations-img09.jpg" /></div>
    <div class="col-sm-3 animation_item scaleUp delay10"><img alt="" src="/portals/13/Features-Images/animations-img10.jpg" /></div>
    <div class="col-sm-3 animation_item scaleUp delay11"><img alt="" src="/portals/13/Features-Images/animations-img11.jpg" /></div>
    <div class="col-sm-3 animation_item scaleUp delay12"><img alt="" src="/portals/13/Features-Images/animations-img12.jpg" /></div>
  </div>
</div>

<div class="row">
  <div class="col-sm-3 animationhover bounce"><img alt="" src="/portals/13/Features-Images/animations-img01.jpg" /></div>
  <div class="col-sm-3 animationhover flash"><img alt="" src="/portals/13/Features-Images/animations-img02.jpg" /></div>
  <div class="col-sm-3 animationhover pulse"><img alt="" src="/portals/13/Features-Images/animations-img03.jpg" /></div>
  <div class="col-sm-3 animationhover rubberBand"><img alt="" src="/portals/13/Features-Images/animations-img04.jpg" /></div>
</div>

<div class="animationhover bounce"><img alt="" src="/portals/13/Features-Images/animations-img04.jpg" /></div>

<div class="animationhover flash"><img alt="" src="/portals/13/Features-Images/animations-img05.jpg" /></div>

<div class="animationhover pulse"><img alt="" src="/portals/13/Features-Images/animations-img06.jpg" /></div>

<div class="animationhover rubberBand"><img alt="" src="/portals/13/Features-Images/animations-img07.jpg" /></div>

<div class="animationhover shake"><img alt="" src="/portals/13/Features-Images/animations-img08.jpg" /></div>

<div class="animationhover swing"><img alt="" src="/portals/13/Features-Images/animations-img09.jpg" /></div>

<div class="animationhover tada"><img alt="" src="/portals/13/Features-Images/animations-img10.jpg" /></div>

<div class="animationhover wobble"><img alt="" src="/portals/13/Features-Images/animations-img11.jpg" /></div>

<div class="animation bounceIn"><img alt="" src="/portals/13/Features-Images/animations-img12.jpg" /></div>

<div class="animation delay1 bounceInDown"><img alt="" src="/portals/13/Features-Images/animations-img13.jpg" /></div>
<div class="animation delay2 bounceInLeft"><img alt="" src="/portals/13/Features-Images/animations-img14.jpg" /></div>
<div class="animation delay3 bounceInRight"><img alt="" src="/portals/13/Features-Images/animations-img15.jpg" /></div>
<div class="animation delay4 bounceInUp"><img alt="" src="/portals/13/Features-Images/animations-img16.jpg" /></div>

<div class="animation fadeIn"><img alt="" src="/portals/13/Features-Images/animations-img17.jpg" /></div>

<div class="animation delay1 fadeInDown"><img alt="" src="/portals/13/Features-Images/animations-img18.jpg" /></div>
<div class="animation delay2 fadeInLeft"><img alt="" src="/portals/13/Features-Images/animations-img19.jpg" /></div>
<div class="animation delay3 fadeInRight"><img alt="" src="/portals/13/Features-Images/animations-img21.jpg" /></div>
<div class="animation delay4 fadeInUp"><img alt="" src="/portals/13/Features-Images/animations-img22.jpg" /></div>

<div class="animation delay5 fadeInDownBig"><img alt="" src="/portals/13/Features-Images/animations-img01.jpg" /></div>
<div class="animation delay6 fadeInLeftBig"><img alt="" src="/portals/13/Features-Images/animations-img02.jpg" /></div>
<div class="animation delay7 fadeInRightBig"><img alt="" src="/portals/13/Features-Images/animations-img03.jpg" /></div>
<div class="animation delay8 fadeInUpBig"><img alt="" src="/portals/13/Features-Images/animations-img04.jpg" /></div>

<div class="animation flip"><img alt="" src="/portals/13/Features-Images/animations-img05.jpg" /></div>
<div class="animation delay1 flipInX"><img alt="" src="/portals/13/Features-Images/animations-img06.jpg" /></div>
<div class="animation delay2 flipInY"><img alt="" src="/portals/13/Features-Images/animations-img07.jpg" /></div>

<div class="animation lightSpeedIn"><img alt="" src="/portals/13/Features-Images/animations-img08.jpg" /></div>

<div class="animation rotateIn"><img alt="" src="/portals/13/Features-Images/animations-img09.jpg" /></div>

<div class="animation delay1 rotateInDownLeft"><img alt="" src="/portals/13/Features-Images/animations-img10.jpg" /></div>
<div class="animation delay2 rotateInDownRight"><img alt="" src="/portals/13/Features-Images/animations-img11.jpg" /></div>
<div class="animation delay3 rotateInUpLeft"><img alt="" src="/portals/13/Features-Images/animations-img12.jpg" /></div>
<div class="animation delay4 rotateInUpRight"><img alt="" src="/portals/13/Features-Images/animations-img13.jpg" /></div>

<div class="animation rollIn"><img alt="" src="/portals/13/Features-Images/animations-img14.jpg" /></div>

<div class="animation zoomIn"><img alt="" src="/portals/13/Features-Images/animations-img15.jpg" /></div>

<div class="animation delay1 zoomInDown"><img alt="" src="/portals/13/Features-Images/animations-img16.jpg" /></div>
<div class="animation delay2 zoomInLeft"><img alt="" src="/portals/13/Features-Images/animations-img17.jpg" /></div>
<div class="animation delay3 zoomInRight"><img alt="" src="/portals/13/Features-Images/animations-img18.jpg" /></div>
<div class="animation delay4 zoomInUp"><img alt="" src="/portals/13/Features-Images/animations-img19.jpg" /></div>