Element Animation

Add animation by using builder option.

Please follow below steps to add animation.

  1. Go to builder and select require section.
  2. Select “BUILDING MODE” as “Details”.
  3. Select element on which need to apply animation and click on it.
  4. Click on “Other” tab.
  5. Select require animation from “Animation” drop-down.
  6. Set delay time if require.
  7. Click on “Apply Changes”.

1

 

2

 

Add animation by using source code.

Please follow below steps to add animation.

  1. Go to builder and select require section.
  2. Select “BUILDING MODE” as “Elements”.
  3. Click on “Source” button..
  4. Add data attribute data-animate-in=”animation class” [ Add animation class according to requirement ]
  5. For example data-animate-in=”fadeInLeft”
  6. If you require animation delay add data-animate-in=”animation class|delay time” [ Example : data-animate-in=”fadeInLeft|0.3″ ]

3

 

4

 

5

 

NOTE :

  • Find animation class name from URL : https://daneden.github.io/animate.css/.
  • Element animation work in 2.04+ version only.

Related Articles