Geniux

Typing Effect

Shortcode Example

Geniux is

Show Code

<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <h2>Geniux is
        <span class="txt-rotate" data-period="2000" data-rotate='[ "block based.", "easy to customize.", "simple.", "cool." ]'></span>
      </h2>
    </div>
  </div><!-- /.row -->
</div><!-- ./container -->

Flash & Bounce

Shortcode Example

Some Title
Another Title

Show Code

<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <div class="tlt f-s-35" data-in-effect="flash" data-out-effect="fadeOutLeft" data-out-shuffle="true" data-loop="true">
        <ul class="texts">
          <li>Some Title</li>
          <li>Another Title</li>
        </ul>
      </div>
    </div>
  </div><!-- /.row -->
</div><!-- ./container -->

Flip Effect

Shortcode Example

Geniux Is Awesome

Show Code

<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <h2 class="tlt" data-in-effect="flipInY" data-out-effect="flipOutY" data-out-shuffle="true" data-loop="true">Geniux Is Awesome</h2>
    </div>
  </div><!-- /.row -->
</div><!-- ./container -->

Fade Effect

Shortcode Example

Some Title
Another Title

Show Code

<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <div class="tlt f-s-35" data-in-effect="fadeIn" data-out-effect="fadeOut" data-out-shuffle="true" data-loop="true">
        <ul class="texts">
          <li>Some Title</li>
          <li>Another Title</li>
        </ul>
      </div>
    </div>
  </div><!-- /.row -->
</div><!-- ./container -->

Rotate Effect

Shortcode Example

Some Title
Another Title

Show Code

<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <div class="tlt f-s-35" data-in-effect="rotateIn" data-out-effect="rotateOut" data-out-shuffle="true" data-loop="true">
        <ul class="texts">
          <li>Some Title</li>
          <li>Another Title</li>
        </ul>
      </div>
    </div>
  </div><!-- /.row -->
</div><!-- ./container -->

BounceInLeft & FadeOut

Shortcode Example

Geniux is block based
Geniux is easy to customize

Show Code

<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <div class="tlt f-s-35" data-in-effect="bounceInLeft" data-out-effect="fadeOut" data-out-shuffle="true" data-loop="true">
        <ul class="texts">
          <li>Geniux is block based</li>
          <li>Geniux is easy to customize</li>
        </ul>
      </div>
    </div>
  </div><!-- /.row -->
</div><!-- ./container -->

Tada & FlipOut

Shortcode Example

Geniux is block based
Geniux is easy to customize

Show Code

<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <div class="tlt f-s-35" data-in-effect="tada" data-out-effect="flipOutX" data-out-shuffle="true" data-loop="true">
        <ul class="texts">
          <li>Geniux is block based</li>
          <li>Geniux is easy to customize</li>
        </ul>
      </div>
    </div>
  </div><!-- /.row -->
</div><!-- ./container -->

Avaiable Classes

Have fun mixing the following classes:

Class Name
`flash`	`bounce`	`shake`	`tada`
`swing`	`wobble`	`pulse`	`flip`
`flipInX`	`flipOutX`	`flipInY`	`flipOutY`
`fadeIn`	`fadeInUp`	`fadeInDown`	`fadeInLeft`
`fadeInRight`	`fadeInUpBig`	`fadeInDownBig`	`fadeInLeftBig`
`fadeInRightBig`	`fadeOut`	`fadeOutUp`	`fadeOutDown`
`fadeOutLeft`	`fadeOutRight`	`fadeOutUpBig`	`fadeOutDownBig`
`fadeOutLeftBig`	`fadeOutRightBig`	`bounceIn`	`bounceInDown`
`bounceInUp`	`bounceInLeft`	`bounceInRight`	`bounceOut`
`bounceOutDown`	`bounceOutUp`	`bounceOutLeft`	`bounceOutRight`
`rotateIn`	`rotateInDownLeft`	`rotateInDownRight`	`rotateInUpLeft`
`rotateInUpRight`	`rotateOut`	`rotateOutDownLeft`	`rotateOutDownRight`
`rotateOutUpLeft`	`rotateOutUpRight`	`hinge`	`rollIn`
`rollOut`

# Shortcodes 1

# Shortcodes 2

# Shortcodes 3

# Shortcodes 4

Typing Effect

Geniux is

Flash & Bounce

Flip Effect

Geniux Is Awesome

Fade Effect

Rotate Effect

BounceInLeft & FadeOut

Tada & FlipOut

Avaiable Classes