Page Load Slide Animation
Classes
bcb-slide-hidden
hides slide content
bcb-slide-up
bcb-slide-down
slide y-axis direction
bcb-slide-left
bcb-slide-right
slide x-axis direction
Attributes
bcb-slide-duration=""
accepts number value (in seconds)
bcb-slide-delay=""
accepts number value (in seconds)
bcb-slide-ease=""
power1, power2, power3, power4, back, elastic, bounce, slow, circ, expo, sine
Example
<div class="bcb-slide-hidden bcb-slide-up" bcb-slide-duration="2" bcb-slide-delay="0.5" bcb-slide-ease="slow">Slide Up</div>
Slide Up
Slide Down
Slide Left
Slide Right
Appear on Scroll
Class
bcb-appear
Appear Left
Classes
bcb-appear bcb-appear-left
Appear Right
Classes
bcb-appear bcb-appear-right
Stagger on Scroll
Class
bcb-appear-stagger
use on parent container
Attribute
data-col=""
input column count
Parallax on Scroll
Classes
bcb-parallax-trigger
use on div to trigger
bcb-parallax
