Animations

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

[v_image style=”2″ animation=”fromTop”]

file0001818980898

 

[/v_image]

fromBottom

[v_image style=”2″ animation=”fromBottom”]

file0001818980898

 

[/v_image]

fromLeft

[v_image style=”2″ animation=”fromLeft”]

file0001818980898

 

[/v_image]

fromRight

[v_image style=”2″ animation=”fromRight”]

file0001818980898

 

[/v_image]

fadeIn

[v_image style=”2″ animation=”fadeIn”]

file0001818980898

[/v_image]

scaleUp

[v_image style=”2″ animation=”scaleUp”]

file0001818980898

[/v_image]

Animated Content

[row] [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] [/row]

Novo Comentário

Clique aqui para postar um comentário