Animations

We have add animation engine based on famous animate.css.

You can add animation to any element on the page simply by add appropriate css class. For your convenience, we have built a selector type of animation in to Visual Composer.

[box type=”notice” sticky=”yes” icon=”icon-info-4″]Please scroll this page bellow to see all available animations.[/box]

animations

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis molestie ante. Curabitur mattis elementum magna, et hendrerit nibh sagittis sit amet. Donec pharetra neque mattis, vestibulum velit vel, rhoncus risus. Aliquam commodo posuere turpis, sed rutrum ante congue id. Morbi eleifend sem sit amet risus vestibulum, id volutpat felis interdum. Phasellus volutpat suscipit sem id tempus. Donec volutpat justo eros, ac posuere ante posuere at. In hac habitasse platea dictumst. Mauris dignissim vestibulum arcu non mollis.

Vestibulum ultricies congue tellus, id aliquet velit laoreet vel. Vestibulum eget lectus scelerisque magna aliquet tempor in et est. Etiam interdum ultricies faucibus. Maecenas quam justo, pharetra et pulvinar nec, vulputate at lectus. Phasellus augue enim, commodo ut risus at, venenatis malesuada massa. Aliquam suscipit elit sollicitudin scelerisque venenatis. Mauris placerat sollicitudin tellus ut blandit. Nullam vehicula massa in diam consectetur, eu venenatis nisi convallis. Proin nec malesuada orci, non sagittis enim. Nullam vitae sem tincidunt neque lobortis faucibus nec nec dolor.

Vivamus euismod cursus mattis. Nam feugiat, nulla ut vestibulum hendrerit, nulla orci hendrerit augue, quis rhoncus nisi dui eu est. Mauris at justo convallis tortor vehicula faucibus. Donec euismod condimentum auctor. Pellentesque commodo enim ut neque ullamcorper rutrum. Pellentesque vitae viverra neque. Nullam sit amet est pellentesque, elementum augue eu, placerat nulla. Nunc ultricies, dui et fermentum tempor, diam enim vestibulum leo, at adipiscing tortor augue ut nisi. Phasellus lacinia laoreet semper.

Proin viverra blandit nunc sed viverra. Suspendisse elementum molestie erat, lobortis consectetur magna volutpat a. Suspendisse dignissim velit ac aliquam lacinia. Cras porta lacus lorem, sit amet lobortis mauris vehicula non. In tincidunt leo metus, non scelerisque sapien luctus eu. Morbi vulputate odio risus. Maecenas ultrices purus at odio cursus, ac auctor dolor adipiscing. Phasellus diam risus, malesuada sed enim eu, accumsan dictum eros. Praesent purus sapien, interdum eget eleifend ut, sodales sit amet magna.

Vestibulum eget condimentum turpis. Nunc condimentum convallis quam, eu condimentum lectus vestibulum vel. Donec cursus metus ac augue mollis convallis. Sed pulvinar venenatis odio vel mattis. Sed non velit bibendum, consequat odio nec, imperdiet elit. Cras molestie nec sapien id tincidunt. Suspendisse potenti. Maecenas lorem metus, porta a arcu at, pharetra porttitor dui. Aenean aliquet, ante at venenatis euismod, sapien mauris interdum enim, iaculis malesuada dolor sapien sit amet erat. Mauris vel eros nec nibh sodales blandit. Praesent ac imperdiet velit. Morbi vehicula fringilla nisl, sit amet dignissim odio bibendum nec. Sed vitae mi venenatis sem volutpat vestibulum vitae sit amet dui.

[headline style=”heading-line” subtitle=”Subtitle text”]FadeIn Left[/headline]
Title 1
[headline style=”heading-line” subtitle=”Subtitle text”]FadeIn Down[/headline]
portfolio-10a
[headline style=”heading-line” subtitle=”Subtitle text”]FadeIn Up[/headline]
portfolio-08
[headline style=”heading-line” subtitle=”Subtitle text”]FadeIn Right[/headline]
portfolio-12a

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis molestie ante. Curabitur mattis elementum magna, et hendrerit nibh sagittis sit amet. Donec pharetra neque mattis, vestibulum velit vel, rhoncus risus. Aliquam commodo posuere turpis, sed rutrum ante congue id. Morbi eleifend sem sit amet risus vestibulum, id volutpat felis interdum. Phasellus volutpat suscipit sem id tempus. Donec volutpat justo eros, ac posuere ante posuere at. In hac habitasse platea dictumst. Mauris dignissim vestibulum arcu non mollis.

Vestibulum ultricies congue tellus, id aliquet velit laoreet vel. Vestibulum eget lectus scelerisque magna aliquet tempor in et est. Etiam interdum ultricies faucibus. Maecenas quam justo, pharetra et pulvinar nec, vulputate at lectus. Phasellus augue enim, commodo ut risus at, venenatis malesuada massa. Aliquam suscipit elit sollicitudin scelerisque venenatis. Mauris placerat sollicitudin tellus ut blandit. Nullam vehicula massa in diam consectetur, eu venenatis nisi convallis. Proin nec malesuada orci, non sagittis enim. Nullam vitae sem tincidunt neque lobortis faucibus nec nec dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis molestie ante. Curabitur mattis elementum magna, et hendrerit nibh sagittis sit amet. Donec pharetra neque mattis, vestibulum velit vel, rhoncus risus. Aliquam commodo posuere turpis, sed rutrum ante congue id. Morbi eleifend sem sit amet risus vestibulum, id volutpat felis interdum. Phasellus volutpat suscipit sem id tempus. Donec volutpat justo eros, ac posuere ante posuere at. In hac habitasse platea dictumst. Mauris dignissim vestibulum arcu non mollis.

Vestibulum ultricies congue tellus, id aliquet velit laoreet vel. Vestibulum eget lectus scelerisque magna aliquet tempor in et est. Etiam interdum ultricies faucibus. Maecenas quam justo, pharetra et pulvinar nec, vulputate at lectus. Phasellus augue enim, commodo ut risus at, venenatis malesuada massa. Aliquam suscipit elit sollicitudin scelerisque venenatis. Mauris placerat sollicitudin tellus ut blandit. Nullam vehicula massa in diam consectetur, eu venenatis nisi convallis. Proin nec malesuada orci, non sagittis enim. Nullam vitae sem tincidunt neque lobortis faucibus nec nec dolor.

[headline style=”heading-line” subtitle=”Subtitle text”]FadeIn Left Big[/headline]
portfolio-01
[headline style=”heading-line” subtitle=”Subtitle text”]FadeIn Down Big[/headline]
Title 1
[headline style=”heading-line” subtitle=”Subtitle text”]FadeIn Up Big[/headline]
portfolio-13
[headline style=”heading-line” subtitle=”Subtitle text”]FadeIn Right Big[/headline]
portfolio-14

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis molestie ante. Curabitur mattis elementum magna, et hendrerit nibh sagittis sit amet. Donec pharetra neque mattis, vestibulum velit vel, rhoncus risus. Aliquam commodo posuere turpis, sed rutrum ante congue id. Morbi eleifend sem sit amet risus vestibulum, id volutpat felis interdum. Phasellus volutpat suscipit sem id tempus. Donec volutpat justo eros, ac posuere ante posuere at. In hac habitasse platea dictumst. Mauris dignissim vestibulum arcu non mollis.

Vestibulum ultricies congue tellus, id aliquet velit laoreet vel. Vestibulum eget lectus scelerisque magna aliquet tempor in et est. Etiam interdum ultricies faucibus. Maecenas quam justo, pharetra et pulvinar nec, vulputate at lectus. Phasellus augue enim, commodo ut risus at, venenatis malesuada massa. Aliquam suscipit elit sollicitudin scelerisque venenatis. Mauris placerat sollicitudin tellus ut blandit. Nullam vehicula massa in diam consectetur, eu venenatis nisi convallis. Proin nec malesuada orci, non sagittis enim. Nullam vitae sem tincidunt neque lobortis faucibus nec nec dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis molestie ante. Curabitur mattis elementum magna, et hendrerit nibh sagittis sit amet. Donec pharetra neque mattis, vestibulum velit vel, rhoncus risus. Aliquam commodo posuere turpis, sed rutrum ante congue id. Morbi eleifend sem sit amet risus vestibulum, id volutpat felis interdum. Phasellus volutpat suscipit sem id tempus. Donec volutpat justo eros, ac posuere ante posuere at. In hac habitasse platea dictumst. Mauris dignissim vestibulum arcu non mollis.

Vestibulum ultricies congue tellus, id aliquet velit laoreet vel. Vestibulum eget lectus scelerisque magna aliquet tempor in et est. Etiam interdum ultricies faucibus. Maecenas quam justo, pharetra et pulvinar nec, vulputate at lectus. Phasellus augue enim, commodo ut risus at, venenatis malesuada massa. Aliquam suscipit elit sollicitudin scelerisque venenatis. Mauris placerat sollicitudin tellus ut blandit. Nullam vehicula massa in diam consectetur, eu venenatis nisi convallis. Proin nec malesuada orci, non sagittis enim. Nullam vitae sem tincidunt neque lobortis faucibus nec nec dolor.

[headline style=”heading-line” subtitle=”Subtitle text”]Light Speed Left[/headline]
portfolio-01
[headline style=”heading-line” subtitle=”Subtitle text”]Bounce IN Up[/headline]
Title 1
[headline style=”heading-line” subtitle=”Subtitle text”]Bounce In Down[/headline]
portfolio-13
[headline style=”heading-line” subtitle=”Subtitle text”]Light Speed Right[/headline]
portfolio-14

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis molestie ante. Curabitur mattis elementum magna, et hendrerit nibh sagittis sit amet. Donec pharetra neque mattis, vestibulum velit vel, rhoncus risus. Aliquam commodo posuere turpis, sed rutrum ante congue id. Morbi eleifend sem sit amet risus vestibulum, id volutpat felis interdum. Phasellus volutpat suscipit sem id tempus. Donec volutpat justo eros, ac posuere ante posuere at. In hac habitasse platea dictumst. Mauris dignissim vestibulum arcu non mollis.

Vestibulum ultricies congue tellus, id aliquet velit laoreet vel. Vestibulum eget lectus scelerisque magna aliquet tempor in et est. Etiam interdum ultricies faucibus. Maecenas quam justo, pharetra et pulvinar nec, vulputate at lectus. Phasellus augue enim, commodo ut risus at, venenatis malesuada massa. Aliquam suscipit elit sollicitudin scelerisque venenatis. Mauris placerat sollicitudin tellus ut blandit. Nullam vehicula massa in diam consectetur, eu venenatis nisi convallis. Proin nec malesuada orci, non sagittis enim. Nullam vitae sem tincidunt neque lobortis faucibus nec nec dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis molestie ante. Curabitur mattis elementum magna, et hendrerit nibh sagittis sit amet. Donec pharetra neque mattis, vestibulum velit vel, rhoncus risus. Aliquam commodo posuere turpis, sed rutrum ante congue id. Morbi eleifend sem sit amet risus vestibulum, id volutpat felis interdum. Phasellus volutpat suscipit sem id tempus. Donec volutpat justo eros, ac posuere ante posuere at. In hac habitasse platea dictumst. Mauris dignissim vestibulum arcu non mollis.

Vestibulum ultricies congue tellus, id aliquet velit laoreet vel. Vestibulum eget lectus scelerisque magna aliquet tempor in et est. Etiam interdum ultricies faucibus. Maecenas quam justo, pharetra et pulvinar nec, vulputate at lectus. Phasellus augue enim, commodo ut risus at, venenatis malesuada massa. Aliquam suscipit elit sollicitudin scelerisque venenatis. Mauris placerat sollicitudin tellus ut blandit. Nullam vehicula massa in diam consectetur, eu venenatis nisi convallis. Proin nec malesuada orci, non sagittis enim. Nullam vitae sem tincidunt neque lobortis faucibus nec nec dolor.

[headline style=”heading-line” subtitle=”Subtitle text”]Bounce IN[/headline]
portfolio-01
[headline style=”heading-line” subtitle=”Subtitle text”]Bounce IN Left[/headline]
Title 1
[headline style=”heading-line” subtitle=”Subtitle text”]Bounce In Right[/headline]
portfolio-13
[headline style=”heading-line” subtitle=”Subtitle text”]Rotate In Up Left[/headline]
portfolio-14

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis molestie ante. Curabitur mattis elementum magna, et hendrerit nibh sagittis sit amet. Donec pharetra neque mattis, vestibulum velit vel, rhoncus risus. Aliquam commodo posuere turpis, sed rutrum ante congue id. Morbi eleifend sem sit amet risus vestibulum, id volutpat felis interdum. Phasellus volutpat suscipit sem id tempus. Donec volutpat justo eros, ac posuere ante posuere at. In hac habitasse platea dictumst. Mauris dignissim vestibulum arcu non mollis.

Vestibulum ultricies congue tellus, id aliquet velit laoreet vel. Vestibulum eget lectus scelerisque magna aliquet tempor in et est. Etiam interdum ultricies faucibus. Maecenas quam justo, pharetra et pulvinar nec, vulputate at lectus. Phasellus augue enim, commodo ut risus at, venenatis malesuada massa. Aliquam suscipit elit sollicitudin scelerisque venenatis. Mauris placerat sollicitudin tellus ut blandit. Nullam vehicula massa in diam consectetur, eu venenatis nisi convallis. Proin nec malesuada orci, non sagittis enim. Nullam vitae sem tincidunt neque lobortis faucibus nec nec dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis molestie ante. Curabitur mattis elementum magna, et hendrerit nibh sagittis sit amet. Donec pharetra neque mattis, vestibulum velit vel, rhoncus risus. Aliquam commodo posuere turpis, sed rutrum ante congue id. Morbi eleifend sem sit amet risus vestibulum, id volutpat felis interdum. Phasellus volutpat suscipit sem id tempus. Donec volutpat justo eros, ac posuere ante posuere at. In hac habitasse platea dictumst. Mauris dignissim vestibulum arcu non mollis.

Vestibulum ultricies congue tellus, id aliquet velit laoreet vel. Vestibulum eget lectus scelerisque magna aliquet tempor in et est. Etiam interdum ultricies faucibus. Maecenas quam justo, pharetra et pulvinar nec, vulputate at lectus. Phasellus augue enim, commodo ut risus at, venenatis malesuada massa. Aliquam suscipit elit sollicitudin scelerisque venenatis. Mauris placerat sollicitudin tellus ut blandit. Nullam vehicula massa in diam consectetur, eu venenatis nisi convallis. Proin nec malesuada orci, non sagittis enim. Nullam vitae sem tincidunt neque lobortis faucibus nec nec dolor.

[headline style=”heading-line” subtitle=”Subtitle text”]Rotate IN Down Left[/headline]
portfolio-01
[headline style=”heading-line” subtitle=”Subtitle text”]Rotate IN UP Right[/headline]
Title 1
[headline style=”heading-line” subtitle=”Subtitle text”]Rotat In Down Right[/headline]
portfolio-13
[headline style=”heading-line” subtitle=”Subtitle text”]Roll In[/headline]
portfolio-14

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis molestie ante. Curabitur mattis elementum magna, et hendrerit nibh sagittis sit amet. Donec pharetra neque mattis, vestibulum velit vel, rhoncus risus. Aliquam commodo posuere turpis, sed rutrum ante congue id. Morbi eleifend sem sit amet risus vestibulum, id volutpat felis interdum. Phasellus volutpat suscipit sem id tempus. Donec volutpat justo eros, ac posuere ante posuere at. In hac habitasse platea dictumst. Mauris dignissim vestibulum arcu non mollis.

Vestibulum ultricies congue tellus, id aliquet velit laoreet vel. Vestibulum eget lectus scelerisque magna aliquet tempor in et est. Etiam interdum ultricies faucibus. Maecenas quam justo, pharetra et pulvinar nec, vulputate at lectus. Phasellus augue enim, commodo ut risus at, venenatis malesuada massa. Aliquam suscipit elit sollicitudin scelerisque venenatis. Mauris placerat sollicitudin tellus ut blandit. Nullam vehicula massa in diam consectetur, eu venenatis nisi convallis. Proin nec malesuada orci, non sagittis enim. Nullam vitae sem tincidunt neque lobortis faucibus nec nec dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis molestie ante. Curabitur mattis elementum magna, et hendrerit nibh sagittis sit amet. Donec pharetra neque mattis, vestibulum velit vel, rhoncus risus. Aliquam commodo posuere turpis, sed rutrum ante congue id. Morbi eleifend sem sit amet risus vestibulum, id volutpat felis interdum. Phasellus volutpat suscipit sem id tempus. Donec volutpat justo eros, ac posuere ante posuere at. In hac habitasse platea dictumst. Mauris dignissim vestibulum arcu non mollis.

Vestibulum ultricies congue tellus, id aliquet velit laoreet vel. Vestibulum eget lectus scelerisque magna aliquet tempor in et est. Etiam interdum ultricies faucibus. Maecenas quam justo, pharetra et pulvinar nec, vulputate at lectus. Phasellus augue enim, commodo ut risus at, venenatis malesuada massa. Aliquam suscipit elit sollicitudin scelerisque venenatis. Mauris placerat sollicitudin tellus ut blandit. Nullam vehicula massa in diam consectetur, eu venenatis nisi convallis. Proin nec malesuada orci, non sagittis enim. Nullam vitae sem tincidunt neque lobortis faucibus nec nec dolor.

[headline style=”heading-line” subtitle=”Subtitle text”]Pulse[/headline]
portfolio-01
[headline style=”heading-line” subtitle=”Subtitle text”]Flip IN X[/headline]
Title 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis molestie ante. Curabitur mattis elementum magna, et hendrerit nibh sagittis sit amet. Donec pharetra neque mattis, vestibulum velit vel, rhoncus risus. Aliquam commodo posuere turpis, sed rutrum ante congue id. Morbi eleifend sem sit amet risus vestibulum, id volutpat felis interdum. Phasellus volutpat suscipit sem id tempus. Donec volutpat justo eros, ac posuere ante posuere at. In hac habitasse platea dictumst. Mauris dignissim vestibulum arcu non mollis.

Vestibulum ultricies congue tellus, id aliquet velit laoreet vel. Vestibulum eget lectus scelerisque magna aliquet tempor in et est. Etiam interdum ultricies faucibus. Maecenas quam justo, pharetra et pulvinar nec, vulputate at lectus. Phasellus augue enim, commodo ut risus at, venenatis malesuada massa. Aliquam suscipit elit sollicitudin scelerisque venenatis. Mauris placerat sollicitudin tellus ut blandit. Nullam vehicula massa in diam consectetur, eu venenatis nisi convallis. Proin nec malesuada orci, non sagittis enim. Nullam vitae sem tincidunt neque lobortis faucibus nec nec dolor.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>