[vc_row][vc_column width=”1/1″]
These are actually no shortcodes. As you can set the optional class attribute for each shortcode, you can custom style them as you like.

Also, the theme contains great Animate.css library of CSS3 animations (won’t work in Internet Explorer 8 and 9 versions), so you can apply any of these anymations on any element of the page/post content or any theme element. These animations will be triggered only when the element appears on the screen. To apply these animations, set the class of animation-ANYMATION_TYPE where „ANYMATION_TYPE” is any animation name from Animate.css website.

Please scroll down to see the selection of animations in action. (These are just few of many animations available…)


Animation from left

[wm_text_block class=”animation-bounceInLeft”]
animation-bounceInLeft

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.[/wm_text_block][/vc_column][/vc_row][vc_row][vc_column width=”1/1″]

Animation from right

[wm_text_block class=”animation-bounceInRight”]
animation-bounceInRight

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.[/wm_text_block][/vc_column][/vc_row][vc_row][vc_column width=”1/1″]

Animation from top

[wm_text_block class=”animation-bounceInDown”]
animation-bounceInDown

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.[/wm_text_block][/vc_column][/vc_row][vc_row][vc_column width=”1/1″]

Animation from bottom

[wm_text_block class=”animation-bounceInUp”]
animation-bounceInUp

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.[/wm_text_block][/vc_column][/vc_row][vc_row][vc_column width=”1/1″]

Fade in animation

[wm_text_block class=”animation-fadeIn”]
animation-fadeIn

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.[/wm_text_block][/vc_column][/vc_row][vc_row][vc_column width=”1/1″]

Bounce In animation

[wm_text_block class=”animation-bounceIn”]
animation-bounceIn

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.[/wm_text_block][/vc_column][/vc_row][vc_row][vc_column width=”1/1″]

Flip In Y animation

[wm_text_block class=”animation-flipInY”]
animation-flipInY

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.[/wm_text_block][/vc_column][/vc_row]

Appear Animations

Updated on 2014-03-27T16:28:08+01:00, by ergiemedia.