[infobox color=”grey” size=”col-12″]This shortcode will get your viewers eyes where you want ‘em. You can animate every object on a page, from any shortcode to any custom piece you have written. Bring spark to your pages with this one.
Show Off Animations is just one group of animations. There are also Bounce Ins, BounceOuts, Fade Ins, Fade Outs, Flip Ins & Flip Outs, Roll Ins & Roll Outs, Rotate Ins, Rotate Outs.[/infobox]
[spacer]
[section]
[column size=”col-2″ bottom_margin=”false”][animate animation=”flash” duration=”1.5s” delay=”0s” iteration=”2000″][button title=”Flash” color=”” size=”xlarge” link=”#” icon=””][/animate][/column]
[column size=”col-2″ bottom_margin=”false”][animate animation=”shake” duration=”1.5s” delay=”0s” iteration=”2000″][button title=”Shake” color=”” size=”xlarge” link=”#” icon=””][/animate][/column]
[column size=”col-2″ bottom_margin=”false”][animate animation=”bounce” duration=”1.3s” delay=”0s” iteration=”2000″][button title=”Bounce” color=”” size=”xlarge” link=”#” icon=””][/animate][/column]
[column size=”col-2″ bottom_margin=”false”][animate animation=”tada” duration=”1.5s” delay=”0s” iteration=”2000″][button title=”Tada” color=”” size=”xlarge” link=”#” icon=””][/animate][/column]
[column size=”col-2″ bottom_margin=”false”][animate animation=”swing” duration=”1.5s” delay=”0s” iteration=”2000″][button title=”Swing” color=”” size=”xlarge” link=”#” icon=””][/animate][/column]
[column size=”col-2″ bottom_margin=”false” last_column=”true”][animate animation=”wiggle” duration=”1.5s” delay=”0s” iteration=”2000″][button title=”Wiggle” color=”” size=”xlarge” link=”#” icon=””][/animate][/column]
[column size=”col-2″ bottom_margin=”false”][animate animation=”wobble” duration=”1.5s” delay=”0s” iteration=”2000″][button title=”Wobble” color=”” size=”xlarge” link=”#” icon=””][/animate][/column]
[column size=”col-2″ bottom_margin=”false”][animate animation=”pulse” duration=”1s” delay=”0s” iteration=”2000″][button title=”Pulse” color=”” size=”xlarge” link=”#” icon=””][/animate][/column]
[column size=”col-2″ bottom_margin=”false”][animate animation=”flip” duration=”2s” delay=”0s” iteration=”2000″][button title=”Flip” color=”” size=”xlarge” link=”#” icon=””][/animate][/column]
[/section]
[separator text=”How to use”]
[infobox last_column=”true” color=”blue” size=”col-12″]Aegaeus comes with super awesome user friendly Shortcode Generator which allows you to create any of many shortcodes in less than 2 clicks. If you prefer the code, you can find it bellow. You can copy-paste it to your page. Comments are annotated with double slashes //[/infobox]
[clear]
[section]
[toggle title=”Get the code”]
// Create a Pulse lasting 1 second, repeating 1 times, with 0 seconds delay.
[section]
[column size="col-2"]
[animate animation="pulse" iteration="1" delay="0s" duration="1s"]
[button link="#" size="large" title="Pulse"]
[/animate]
[/column]
[/section]
[/toggle]
[/section]
[separator small=”true”]
[h5]Available argument options[/h5]
[list]
[list_item icon=”icon-cog”]animation – Specify the animation type.[/list_item]
[list_item icon=”icon-cog”]duration – Specify how long the animation lasts.[/list_item]
[list_item icon=”icon-cog”]iteration – Specify how many times the animation repeats.[/list_item]
[list_item icon=”icon-cog”]delay – Specify after what time the animation starts.[/list_item]
[/list]