jQuery Animate-Plus.js Plugin

Just one element with multiple animations.

<span class="animate-plus" data-animations="bounceIn,shake,fadeOutRight,fadeIn">Animate-plus.js</span>

One element looping indefinitely.

<span class="animate-plus" data-animations="bounceIn, fadeOutLeft" data-animation-repeat="true">Animate-plus.js</span>

Group of 2 elements, animated in a specified order.

<span
    class="animate-plus"
    data-animation-group="group1"
    data-animations="bounceIn, fadeOutLeft"
    data-animation-order="1,3"
>
    Animate-plus.js
</span>

<span
    class="animate-plus"
    data-animation-group="group1"
    data-animations="tada, fadeOutRight"
    data-animation-order="2,3"
>
    Animate-plus.js
</span>

Group of 2 elements, animated with specified duration and delay.

<span
    class="animate-plus"
    data-animation-group="group2"
    data-animations="bounceIn, fadeOutLeft"
    data-animation-duration="3s,5s"
>
    Animate-plus.js
</span>

<span
    class="animate-plus"
    data-animation-group="group2"
    data-animations="tada, fadeOutRight"
    data-animation-delay="0s,2s"
>
    Animate-plus.js
</span>

One element that animates when it's visible on screen (ex. on scroll). The animation resets when the element goes off screen.

<span
    class="animate-plus"
    data-animations="tada"
    data-animation-when-visible="true"
    data-animation-reset-offscreen="true"
>
    Animate-plus.css
</span>