Animation
[su_animate type="bounceIn" delay="1"] [su_note] Animated text [/su_note] [/su_animate] [su_animate type="flipInX" delay="2"] [su_note] Animated text [/su_note] [/su_animate] [su_animate type="flipInY" delay="3"] [su_note] Animated text [/su_note] [/su_animate] [su_animate type="fadeInDown" delay="4"] [su_note] Animated text [/su_note] [/su_animate] [su_animate type="fadeInLeft" delay="5"] [su_note] Animated text [/su_note] [/su_animate] [su_animate type="fadeInRight" delay="6"] [su_note] Animated text [/su_note] [/su_animate] [su_animate type="fadeInUp" delay="7"] [su_note] Animated text [/su_note] [/su_animate]
Different animation types
[su_animate type=»bounceIn» delay=»1″] [su_note] Animated text [/su_note] [/su_animate]
[su_animate type=»flipInX» delay=»2″] [su_note] Animated text [/su_note] [/su_animate]
[su_animate type=»flipInY» delay=»3″] [su_note] Animated text [/su_note] [/su_animate]
[su_animate type=»fadeInDown» delay=»4″] [su_note] Animated text [/su_note] [/su_animate]
[su_animate type=»fadeInLeft» delay=»5″] [su_note] Animated text [/su_note] [/su_animate]
[su_animate type=»fadeInRight» delay=»6″] [su_note] Animated text [/su_note] [/su_animate]
[su_animate type=»fadeInUp» delay=»7″] [su_note] Animated text [/su_note] [/su_animate]
[su_row] [su_column size="1/2"] [su_animate type="fadeInLeft" delay="1" duration="1.5"] [su_box] Column content [/su_box] [/su_animate] [/su_column] [su_column size="1/2"] [su_animate type="fadeInRight" delay="1" duration="1.5"] [su_box] Column content [/su_box] [/su_animate] [/su_column] [/su_row]
Animated columns
[su_row]
[su_column size=»1/2″]
[su_animate type=»fadeInLeft» delay=»1″ duration=»1.5″] [su_box] Column content [/su_box] [/su_animate]
[/su_column]
[su_column size=»1/2″]
[su_animate type=»fadeInRight» delay=»1″ duration=»1.5″] [su_box] Column content [/su_box] [/su_animate]
[/su_column]
[/su_row]
[su_animate delay="1" inline="yes"] [su_button] Click me [/su_button] [/su_animate] [su_animate delay="2" inline="yes"] [su_button] Click me [/su_button] [/su_animate] [su_animate delay="3" inline="yes"] [su_button] Click me [/su_button] [/su_animate]
Animated buttons
[su_animate delay=»1″ inline=»yes»] [su_button] Click me [/su_button] [/su_animate] [su_animate delay=»2″ inline=»yes»] [su_button] Click me [/su_button] [/su_animate] [su_animate delay=»3″ inline=»yes»] [su_button] Click me [/su_button] [/su_animate]
[su_tabs] [su_tab title="Tab title"] [su_animate type="fadeInUp"] Tab content [/su_animate] [/su_tab] [su_tab title="Tab title"] [su_animate type="fadeInUp"] Tab content [/su_animate] [/su_tab] [su_tab title="Tab title"] [su_animate type="fadeInUp"] Tab content [/su_animate] [/su_tab] [/su_tabs]
Animated tabs
[su_tabs]
[su_tab title=»Tab title»] [su_animate type=»fadeInUp»] Tab content [/su_animate] [/su_tab]
[su_tab title=»Tab title»] [su_animate type=»fadeInUp»] Tab content [/su_animate] [/su_tab]
[su_tab title=»Tab title»] [su_animate type=»fadeInUp»] Tab content [/su_animate] [/su_tab]
[/su_tabs]