Reveal CSS animation as you scroll down a page. By default, you can use it to trigger animate.css animations. But you can easily change the settings to your favorite animation library.
fadeIn Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow fadeIn" data-wow-duration="3s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
fadeInDown Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow fadeInDown" data-wow-duration="3s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
fadeInDownBig Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow fadeInDownBig" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
fadeInLeft Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
fadeInLeftBig Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow fadeInLeftBig" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
fadeInRight Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow fadeInRight" data-wow-duration="3s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
fadeInRightBig Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow fadeInRightBig" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
fadeInUp Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow fadeInUp" data-wow-duration="3s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
fadeInUpBig Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow fadeInUpBig" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
Bounce Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow Bounce" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
Flash Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow flash" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
Pulse Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow pulse" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
RubberBand Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow rubberBand" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
Shake Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow shake" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
Swing Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow swing" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
Tada Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow tada" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
Wobble Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow wobble" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
Jello Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow jello" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
FadeIn Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow fadeIn" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
FlipInX Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow flipInX" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
FlipInY Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow flipInY" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
RotateIn Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow rotateIn" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
SlideInUp Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow slideInUp" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
SlideInDown Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow slideInDown" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
SlideInLeft Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow slideInLeft" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
SlideInRight Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow SlideInright" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">
ZoomIn Animation
Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.
<img class="wow zoomIn" data-wow-duration="1.5s" data-wow-offset="10" src="images/photos/iphone.jpg" alt="">