Effects on the Objects (Sliders)

As you could see there are some animations we have used on our sliders and its widely available to use. Please see a list of them below;

Parallax Effect

“layer1, layer2, layer3, layer4, layer5, layer6″ CSS classes could be used to add different parallax effect based on cursor movement.

Jumping Box (on mouseover state)

“move-me-up” CSS class could be use to produce that effect.

Floating Objects

“small-float, medium-float, large-float, small-bounce, medium-bounce, large-bounce” CSS classes are available to produce effects that we used.

Rotating Objects

rotate-right-01 : Let the object rotate to right by 0.1 degree
rotate-right-02 : Let the object rotate to right by 0.2 degree
rotate-right-03 : Let the object rotate to right by 0.3 degree
rotate-right-04 : Let the object rotate to right by 0.4 degree
rotate-right-05 : Let the object rotate to right by 0.5 degree

rotate-right-1 : Let the object rotate to right by 1 degree
rotate-right-2 : Let the object rotate to right by 2 degree
rotate-right-3 : Let the object rotate to right by 3 degree
rotate-right-4 : Let the object rotate to right by 4 degree
rotate-right-5 : Let the object rotate to right by 5 degree

—————————-

rotate-left-01 : Let the object rotate to left by 0.1 degree
rotate-left-02 : Let the object rotate to left by 0.2 degree
rotate-left-03 : Let the object rotate to left by 0.3 degree
rotate-left-04 : Let the object rotate to left by 0.4 degree
rotate-left-05 : Let the object rotate to left by 0.5 degree

rotate-left-1 : Let the object rotate to left by 1 degree
rotate-left-2 : Let the object rotate to left by 2 degree
rotate-left-3 : Let the object rotate to left by 3 degree
rotate-left-4 : Let the object rotate to left by 4 degree
rotate-left-5 : Let the object rotate to left by 5 degree

Where do I can add that classes?

Layer Slider

layerslider

 

Revolution Slider

revoslider