Animation on View

Here are some examples how to use the Shortcodes for the Animations. These Animation Effect will be activated when a Element, no matter which one, becomes visible, means when it comes into the Viewport.

Best of all: you can use the Animations on the Module Class Suffix, so you can animate nearly every element!

Animation bounceIn

Nullam id dolor id nibh ultricies vehicula ut id elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas sed diam eget risus varius blandit sit amet non magna.

Animation bounceInDown

Animation bounceInLeft

Animation bounceInRight

Animation bounceInUp

Animation fadeIn

Animation fadeInDown

Animation fadeInDownBig

Animation fadeInLeft

Animation fadeInLeftBig

Animation fadeInRight

Animation fadeInRightBig

Animation fadeInUp

Animation fadeInUpBig

Animation flipInX

Animation flipInY

Animation lightSpeedIn

Animation rotateIn

Animation rotateInDownLeft

Animation rotateInDownRight

Animation rotateInUpLeft

Animation rotateInUpRight

Animation rollIn

Shortcode

{animate effect="bounceIn"}Your Content or Element here{/animate}

Or use the Module Class Suffix: animation bounceIn
Please do not forget the whitespace in front of animation)

Possible animation names:

bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp
fadeIn
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig
flipInX
flipInY
lightSpeedIn
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
rollIn

Animation On View