Fading Entrance Animations
Elements should enter in style
The [animate] shortcode lets you animate any page element you like. Use them to spice up your pages and get really creative! Below are the "Fading entrances" class of animations - don't forget to also check out the Attention seekers, Fading exits, Bouncing entrances, Bouncing exits, Rotating entrances, Rotating exits, Lightspeed and Specials types as well. Feel free to reload this page if you'd like to see the animations again.
Get The Code
[animate animation="fadeInUp" delay="0" duration="2s" iterations="1"] Animated content goes here... [/animate] [animate animation="fadeInLeft" delay="0" duration="2s" iterations="1"] Animated content goes here... [/animate] [animate animation="fadeInRightBig" delay="0" duration="2s" iterations="1"] Animated content goes here... [/animate]
Customization Options
- animation – the type of animation you want to use
- duration – how long you want the animation to last
- delay – how long you want to wait after the page is loaded before kicking off the animation
- iterations – the number of times you want the animation to run