Code Document

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

    toggleAnimation

  • 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

    toggleClass

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

Categories

©
    • Los Angeles

    • CA

    • United States

  • Website

  • Facebook

  • Animation | Frontend UI Toolkit + Wordpress Framework

  • A wordpress framework used to structure simple Javascript and CSS prototypes. Hive is lite, only includes necessities and encourages custom styling.