Transition
Example 1:
Code:
<p>
<a class="vtra vgrow vh" href="#">grow</a>
</p>
<p>
<a class="vtra vgrowRotate vh" href="#">growRotate</a>
</p>
<p>
<a class="vtra vrotate vh" href="#">rotate</a>
</p>
<p>
<a class="vtra vshrink vh" href="#">shrink</a>
</p>
<p>
<a class="vtra vbounceUt vh" href="#">bounceUp</a>
</p>
<p>
<a class="vtra vbounceDt vh" href="#">bounceDown</a>
</p>
<p>
<a class="vtra vmoveUt vh" href="#">moveUp</a>
</p>
<p>
<a class="vtra vmoveDt vh" href="#">moveDown</a>
</p>
<p>
<a class="vtra vmoveRt vh" href="#">moveRight</a>
</p>
<p>
<a class="vtra vmoveLt vh" href="#">moveLeft</a>
</p>Example 2:
Code:
<p class="vh-run">
<a class="vtra vflipItXt vtra-d3 vtra-d1- vrun" href="#">Flip In X</a>
</p>
<p class="vh-run">
<a class="vtra vflipItYt vtra-d3 vrun" href="#">Flip In Y</a>
</p>
<p class="vh-run">
<a class="vtra vflipOtXt vtra-d3 vtra-d1- vrun" href="#">Flip Out X</a>
</p>
<p class="vh-run">
<a class="vtra vflipOtYt vtra-d3 vrun" href="#">Flip Out Y</a>
</p>
