Infinite has options to animate your content using CSS3, below are the different type of animations available. You can use these animations on almost all the shortcodes available and on any HTML element!

The animations are subtle and start when the user scrolls to the content

 

fromTop

file0001818980898

 

fromBottom

file0001818980898

 

fromLeft

file0001818980898

 

fromRight

file0001818980898

 

fadeIn

file0001818980898

scaleUp

file0001818980898

Animated Content

[onehalf animation=”fromLeft”]

file0001818980898

[/onehalf] [onehalf animation=”fromRight”]

Ut aliquet, sapien at bibendum lacinia, mi justo sodales ligula, congue laoreet turpis eros sit amet odio. Proin convallis nisi leo, et bibendum nibh lacinia nec. Etiam vitae viverra erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc convallis urna quis elit ornare, ac hendrerit risus euismod. Aenean leo mi, pellentesque et sagittis at, dictum vitae elit. Sed pretium nulla non ligula luctus bibendum a non risus. Praesent consequat faucibus volutpat. Donec vitae mattis enim. Donec venenatis eleifend ante, egestas sollicitudin mauris venenatis non. Duis at elit sit amet leo condimentum ultrices quis gravida neque. Vivamus magna est, fringilla quis dui eget, aliquam commodo lectus. Suspendisse rhoncus ante dui, non feugiat nunc suscipit sed. Phasellus sed elit orci.

Donec at urna eleifend, faucibus magna vel, cursus est. Pellentesque nec congue eros. Integer suscipit nibh orci, quis tempor purus elementum quis. Phasellus eu nulla malesuada, condimentum dui in, iaculis diam. Nullam nec malesuada lorem, at interdum lorem. Integer dapibus purus quis nunc aliquam gravida. Nullam volutpat condimentum eros at pulvinar. Mauris quis enim non mauris tempus viverra nec ut nisl. Phasellus blandit ultrices libero, elementum malesuada odio suscipit ac. Donec sed mollis arcu, eget hendrerit magna. Nunc non nulla ut nisl viverra viverra non a mauris. Aliquam vitae ornare mi, et egestas velit. Vestibulum tempor laoreet quam.

[/onehalf]