[raw]
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 “attention seeker” class of animations – don’t forget to also check out the Fading entrances, Fading exits, Bouncing entrances, Bouncing exits, Rotating entrances, Rotating exits, Lightspeed and Specials types as well.
[spacer height=”5px”]
[one_fourth]
[animate animation=”flash” delay=”0″ duration=”2s” iterations=”2000″] Flash[/animate][/one_fourth]
[one_fourth]
[animate animation=”bounce” delay=”0″ duration=”2s” iterations=”2000″] Bounce[/animate]
[/one_fourth]
[one_fourth]
[animate animation=”shake” delay=”0″ duration=”1.5s” iterations=”2000″] Shake[/animate]
[/one_fourth]
[one_fourth_last]
[animate animation=”tada” delay=”0″ duration=”1.5s” iterations=”2000″]
Tada[/animate]
[/one_fourth_last]
[one_fourth]
[animate animation=”swing” delay=”0″ duration=”1.5s” iterations=”2000″]
Swing[/animate]
[/one_fourth]
[one_fourth]
[animate animation=”wobble” delay=”0″ duration=”1.5s” iterations=”2000″]
Wobble[/animate]
[/one_fourth]
[one_fourth]
[animate animation=”wiggle” delay=”0″ duration=”1.5s” iterations=”2000″]
Wiggle[/animate]
[/one_fourth]
[one_fourth_last]
[animate animation=”pulse” delay=”0″ duration=”1.5s” iterations=”2000″]
Pulse[/animate]
[/one_fourth_last]
[spacer height=”23px”]
[divider]
[spacer height=”24px”]
[/raw]
[raw]
Get The Code
[spacer height=”4px”]
[codebox line_numbers=”true” remove_breaks=”true” lang=”html”]
[[animate animation=”flash” delay=”0″ duration=”2s” iterations=”1″]
Animated content goes here…
[/animate]]
[[animate animation=”bounce” delay=”0″ duration=”2s” iterations=”1″]
Animated content goes here…
[/animate]]
[[animate animation=”shake” delay=”0″ duration=”2s” iterations=”1″]
Animated content goes here…
[/animate]]
[/codebox]
[spacer height=”23px”]
[divider]
[spacer height=”24px”]
[/raw]
[raw]
Customization Options
[list]
[list_item]animation – the type of animation you want to use[/list_item]
[list_item]duration – how long you want the animation to last[/list_item]
[list_item]delay – how long you want to wait after the page is loaded before kicking off the animation[/list_item]
[list_item]iterations – the number of times you want the animation to run[/list_item]
[/list]
[/raw]