Animated Content

You can add transition via shortcode that feature a subtle CSS3 animation.

[divider] [one_half] [animated]notebook-present[/animated] [/one_half] [one_half_last]

Easy To Use

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

[/one_half_last] [divider]

Content Transitions

 

[one_third] [animated transition=”fadeInLeft”][iconbox style=”large-icon” icon=”entypo-upload-cloud” title=”Morbi interdum mollis”]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.[/iconbox][/animated] [/one_third] [one_third] [animated transition=”fadeInUp”][iconbox style=”large-icon” icon=”entypo-chart-bar” title=”Morbi interdum mollis”]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.[/iconbox][/animated] [/one_third] [one_third_last] [animated transition=”fadeInRight”][iconbox style=”large-icon” icon=”entypo-archive” title=”Morbi interdum mollis”]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.[/iconbox][/animated] [/one_third_last] [divider]

Sequential Delay

 

[one_fourth] [animated delay=”0″]notebook-present[/animated] [/one_fourth] [one_fourth] [animated delay=”1″]notebook-present[/animated] [/one_fourth] [one_fourth] [animated delay=”2″]notebook-present[/animated] [/one_fourth] [one_fourth_last] [animated delay=”3″]notebook-present[/animated] [/one_fourth_last] [divider] [one_half] [animated transition=”rotateInDownRight”]notebook-present[/animated] [/one_half] [one_half_last]

Rotate In

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

[/one_half_last] [divider] [one_half]

Fliping

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

[/one_half] [one_half_last] [animated transition=”flipInX”]notebook-present[/animated] [/one_half_last] [divider]

Easing Supports

 

[one_fourth] [animated easing=”linear”]notebook-present[/animated] [/one_fourth] [one_fourth] [animated easing=”easeOutExpo”]notebook-present[/animated] [/one_fourth] [one_fourth] [animated easing=”easeInExpo”]notebook-present[/animated] [/one_fourth] [one_fourth_last] [animated easing=”easeInOutExpo”]notebook-present[/animated] [/one_fourth_last]