+41 (0) 22 730 8513
amcomet@]wmo.int

Animations

over 20 custom animations for any element

AMCOMETAnimations

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.

Please scroll this page bellow to see all available animations.

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.

FadeIn Left

FadeIn Down

FadeIn Up

FadeIn Right

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.

FadeIn Left Big

FadeIn Down Big

FadeIn Up Big

FadeIn Right Big

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.

Light Speed Left

Bounce IN Up

Bounce In Down

Light Speed Right

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.

Bounce IN

Bounce IN Left

Bounce In Right

Rotate In Up Left

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.

Rotate IN Down Left

Rotate IN UP Right

Rotat In Down Right

Roll In

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.

Pulse

Flip IN X

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.