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]
[[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]
[[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
[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]
[[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]
[[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]]