Animation
Example 1:
Code:
<p>
<a class="vani vbounce vh" href="#">Hover In</a>
</p>
<p>
<a class="vani vbounce vh-" href="#">Hover Out</a>
</p>
<p>
<a class="vani vbounce vani-ici vh-stop" href="#">Hover Stop</a>
</p>
<p class="vh-run">
<a class="vani vbounce vrun" href="#">Hover Run</a>
</p>
<p class="vh-run">
<a class="vani vbounce vani-ici vrun" href="#">Hover Infinite</a>
</p>Example 2:
Code:
<div class="vh-run-li vpad-50">
<p>
<a class="vani vbounce vrun vani-ici" href="#">Hover Run List Infinite</a>
</p>
<p>
<a class="vani vbounce vrun" href="#">Hover Run List</a>
</p>
</div>Example 3 (Duration):
Trigger Animation
Code:
<p id="triggerA1" class="active swatch3-bg vopa-0 vani vfadeIa vani-d2">Trigger Animation</p>
<a class="button swatch2-dark-bg swatch5-color" href="#" data-vfn="e:click,f:toggleAnimation,a:vfadeIa,s:#triggerA1">toggleAnimation</a>Example 4 (Delay):
Trigger Animation
Code:
<p id="triggerB1" class="active swatch3-bg vani vbounceOaDa vani-d3-">Trigger Animation</p>
<a class="button swatch2-dark-bg swatch5-color" href="#" data-vfn="e:click,f:toggleClass,a:vbounceOaDa,s:#triggerB1">toggleClass</a>
