Helper-load

Utilities for animating elements loading or proccess with CSS animations.

Create your load feature instantly using the v-helper valclass.

Table list loads

Class name	Properties
v-load-spin	animation: rotate 1s infinite linear;
v-load-pulse	animation: pulse 2s infinite linear;
v-load-bounce	animation: 2.3s ease 0s normal none infinite running bounce;

The table above presents several types of loads with different variants.

Spin load

index.html

<div> class="v-overlay">
    <div class="v-loading v-loading2"></div>
    <div class="v-loading"></div>
</div>

Pulse load

index.html

<div> class="v-overlay2">
    <div class="v-loading v-load1"></div>
    <div class="v-loading v-load2"></div>
    <div class="v-loading v-load3"></div>
</div>

bounce load

index.html

<div> class="v-wrapper">
    <div class="v-bouncing-arrow v-bc1"></div>
</div>