Attention Seeker Animations

[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”] [animate animation=”pulse” delay=”0″ duration=”1.5s” iterations=”2000″] [button]Pulse[/fusion_button][/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]