Give life to your text, photos and anything with just put a magical class

Support

     

Installation | V 1.0

The easiest way to install Hexa is to download it


Download Hexa


You can also download it using

"NPM"

$ npm install hexa-animation

Or Bower

$ bower install hexa-animation

Basic Usage

you can simply adding Hexa to your html file.


            <link rel="stylesheet" type="text/css" href="hexa.css">
          

Adding Class

you can simply adding Hexa to your html file.


            <div class="hexa jump">
            

Iteration Count

hexa allows you to control the number of cycles used to repeat an animation before it stops.

Primary Class Name Type Of Animation Iteration
hexa jump x2

there are four types of iteration, and each has a number of cycles to repeat an animation :

  • x2 - two times
  • x3 - three times
  • x4 - four times
  • noStop - infinite

# Animation Menu

chose the animation that you want to integrate in your code.

# Bounce

Generic placeholder image

bounce

Generic placeholder image

bounceOut

Generic placeholder image

bounceRight

Generic placeholder image

bounceLeft

Generic placeholder image

bounceRightOut

Generic placeholder image

bounceLeftOut

# Fade

Generic placeholder image

fade

Generic placeholder image

fadeOut

Generic placeholder image

fadeRightOut

Generic placeholder image

hexa fadeLeftOut

Generic placeholder image

fadeDown

Generic placeholder image

fadeDownOut

Generic placeholder image

fadeUp

Generic placeholder image

hexa fadeUpOut

# Flash

Generic placeholder image

flash

# Groove

Generic placeholder image

groove

# Jump

Generic placeholder image

jumpRight

Generic placeholder image

jump

Generic placeholder image

jumpLeft

# Rotate

Generic placeholder image

rotate

Generic placeholder image

rotateOut

# Shapes

Generic placeholder image

shapeCarre

Generic placeholder image

shapeStar

# Shake

Generic placeholder image

shake

# Spin

Generic placeholder image

spin

# Tada

Generic placeholder image

tada

# Turbine

Generic placeholder image

turbine

Generic placeholder image

turbineOutUp

Generic placeholder image

turbineOutLeft

Generic placeholder image

turbineOutRight

Generic placeholder image

turbineOutDown

Generic placeholder image

turbineUp

Generic placeholder image

turbineTrouble