How to use animation presets

Besides the literally infinite animation possibilities Slidea offers, you can also take advantage of 60+ animation presets, which are created using Animus’s animation sequences.

To use the presets, make sure you’ve included the animation presets pack that comes with Animus:

<script src="assets/js/animus/presets/default.js"></script>

Applying a preset animation is very straightforward:

<div class="slidea-object" data-slidea="bounceUpIn"></div>

What presets can I use?

The presets you can apply to any slidea component are:

• bounce
• shake
• flash
• pulse
• swing
• tada
• fadeIn
• fadeOut
• flipXIn
• flipXOut
• flipYIn
• flipYOut
• flipBounceXIn
• flipBounceXOut
• flipBounceYIn
• flipBounceYOut
• whirlIn
• whirlOut
• shrinkIn
• shrinkOut
• expandIn
• expandOut
• bounceIn
• bounceOut
• bounceUpIn
• bounceUpOut
• bounceDownIn
• bounceDownOut
• bounceLeftIn
• bounceLeftOut
• bounceRightIn
• bounceRightOut
• slideUpIn
• slideUpOut
• slideDownIn
• slideDownOut
• slideLeftIn
• slideLeftOut
• slideRightIn
• slideRightOut
• slideUpBigIn
• slideUpBigOut
• slideDownBigIn
• slideDownBigOut
• slideLeftBigIn
• slideLeftBigOut
• slideRightBigIn
• slideRightBigOut
• perspectiveUpIn
• perspectiveUpOut
• perspectiveDownIn
• perspectiveDownOut
• perspectiveLeftIn
• perspectiveLeftOut
• perspectiveRightIn
• perspectiveRightOut
• swoopIn
• swoopOut