FadeOut Animations

Animate Any Page Element

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 ShowOffs, Bounce Ins, BounceOuts, Fade Ins, Flip Ins & Flip Outs, Roll Ins & Roll Outs, Rotate Ins, Rotate Outs.

Feel free to refresh to page to see the animations again.

Fade Out

Fade Out up

How to use

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 //

Get the code

 // Create a Fade Out Up Big Button Animation lasting 1 second, repeating 1 time, with 0 seconds delay.

[section]

[column size="col-2"]

[animate animation="fadeOutUpBig" iteration="1" delay="0s" duration="1s"]
[button link="#" size="large" title="Fade Out Up Big"]
[/animate]

[/column]

[/section]

Available argument options

animation – Specify the animation type.
duration – Specify how long the animation lasts.
iteration – Specify how many times the animation repeats.
delay – Specify after what time the animation starts.