CSS Animation

Add CSS Animation to Visual Composer Elements

media_1372243484516.png

Note! This feature only works with modern browsers.

Where applicable in the Visual Composer, you can add CSS Animation. Edit or Create a new element and look for the CSS Animation option – select the animation type you wish to apply to the element.

 

Manually Add CSS Animation to Visual Composer CSS Classes field

The following CSS Classes ( text in italic ) can be added to any Visual Composer element that has a CSS Classes field.

Left to Right Effect

wpb_animate_when_almost_visible wpb_start_animation wpb_left-to-right

Right to Left Effect

wpb_animate_when_almost_visible wpb_start_animation wpb_right-to-left

Top to Bottom Effect

wpb_animate_when_almost_visible wpb_start_animation wpb_top-to-bottom

Bottom to Top Effect

wpb_animate_when_almost_visible wpb_start_animation wpb_top-to-bottom

Appear From Center

wpb_animate_when_almost_visible wpb_start_animation wpb_appear