Code Document

Class Hv Cue

Spacer

  • Example 1:

    Cue on scroll

    Cue on scroll

    Cue on scroll

    Cue on scroll

  • Code:

    <div class="vcue swatch3-bg vani vopa-0" style="margin-bottom:50px;height:100px" data-vsettings="delay:0,tween:vfadeIaRa">
    <p class="vpad-10">Cue on scroll</p>
    </div>
    <div class="vcue swatch3-bg vani vopa-0" style="margin-bottom:100px;height:50px" data-vsettings="delay:0,tween:vfadeIaLa">
    <p class="vpad-10">Cue on scroll</p>
    </div>
    <div class="vcue swatch3-bg vani vopa-0" style="margin-bottom:50px;height:100px" data-vsettings="delay:0,tween:vfadeIaRa">
    <p class="vpad-10">Cue on scroll</p>
    </div>
    <div class="vcue swatch3-bg vani vopa-0" style="margin-bottom:100px;height:50px" data-vsettings="delay:0,tween:vfadeIaLa">
    <p class="vpad-10">Cue on scroll</p>
    </div>

  • Example 2 (Stagger):

    • Cue on scroll

    • Cue on scroll

    • Cue on scroll

    • Cue on scroll

    • Cue on scroll

    • Cue on scroll

  • Code:

    <ul class="vcue swatch3-bg" data-vsettings="stagger:110,delay:0,tween:vfadeIaRa">
    <li class="vani vopa-0">
    <p class="vpad-10">Cue on scroll</p>
    </li>
    <li class="vani vopa-0">
    <p class="vpad-10">Cue on scroll</p>
    </li>
    <li class="vani vopa-0">
    <p class="vpad-10">Cue on scroll</p>
    </li>
    <li class="vani vopa-0">
    <p class="vpad-10">Cue on scroll</p>
    </li>
    <li class="vani vopa-0">
    <p class="vpad-10">Cue on scroll</p>
    </li>
    <li class="vani vopa-0">
    <p class="vpad-10">Cue on scroll</p>
    </li>
    </ul>

Categories

©

    • Los Angeles

    • CA

    • United States

  • Website

  • Facebook

  • Class Hv Cue | 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.