• Home  /
• Shortcodes   /
• Animation

Different animation types

[animate type="bounceIn" delay="1"] [note] Animated text [/note] [/animate]
[animate type="flipInX" delay="2"] [note] Animated text [/note] [/animate]
[animate type="flipInY" delay="3"] [note] Animated text [/note] [/animate]
[animate type="fadeInDown" delay="4"] [note] Animated text [/note] [/animate]
[animate type="fadeInLeft" delay="5"] [note] Animated text [/note] [/animate]
[animate type="fadeInRight" delay="6"] [note] Animated text [/note] [/animate]
[animate type="fadeInUp" delay="7"] [note] Animated text [/note] [/animate]

Animated columns

[row][column size="1/2"][animate type="fadeInLeft" delay="1" duration="1.5"][box] Column content [/box][/animate]
[/column][column size="1/2"][animate type="fadeInRight" delay="1" duration="1.5"] [box] Column content [/box][/animate][/column][/row]

Animated buttons

Click me Click me Click me

[animate delay="1" inline="yes"] [button] Click me [/button] [/animate] 
[animate delay="2" inline="yes"] [button] Click me [/button] [/animate] 
[animate delay="3" inline="yes"] [button] Click me [/button] [/animate]

Animated tabs

[tabs][tab title="Tab title"] [animate type="fadeInUp"] Tab content [/animate][/tab][tab title="Tab title"] [animate type="fadeInUp"] Tab content [/animate] [/tab][tab title="Tab title"] [animate type="fadeInUp"] Tab content [/animate] [/tab][/tabs]