HighLevel Animations

GHL SaasKits Scrolling Animations Library

Fading entrances

<class="wow" "fadeIn">

<class="wow" "fadeInDown">

<class="wow" "fadeInDownBig">

<class="wow" "fadeInLeft">

<class="wow" "fadeInLeftBig">

<class="wow" "fadeInRight">

<class="wow" "fadeInRightBig">

<class="wow" "fadeInUp">

<class="wow" "fadeInUpBig">

<class="wow" "fadeInTopLeft">

<class="wow" "fadeInTopRight">

<class="wow" "fadeInBottomLeft">

<class="wow" "fadeInBottomRight">

Flippers

<class="wow" "flipInX">

<class="wow" "flipInY">

Zooming Entrances

<class="wow" "zoomIn">

<class="wow" "zoomInDown">

<class="wow" "zoomInLeft">

<class="wow" "zoomInRight">

<class="wow" "zoomInUp">

Sliding entrances

<class="wow" "slideInDown">

<class="wow" "slideInLeft">

<class="wow" "slideInRight">

<class="wow" "slideInUp">

Bouncing entrances

<class="wow" "bounceIn">

<class="wow" "bounceInDown">

<class="wow" "bounceInLeft">

<class="wow" "bounceInRight">

Back Entrances

<class="wow" "backInDown">

<class="wow" "backInLeft">

<class="wow" "backInRight">

<class="wow" "backInUp">

Lightspeed

<class="wow" "lightSpeedInRight">

<class="wow" "lightSpeedInLeft">

Rolling entrance

<class="wow" "rollIn">

You can also add the following delays and Speed to Any animated elements

Use following classes to add delays:

  • <class="delay-2s">

  • <class="delay-3s">

  • <class="delay-4s">

  • <class="delay-5s">

Use following classes to add Speed:

  • <class="slow">

  • <class="slower">

  • <class="fast">

  • <class="faster">

Get All These Animation Now