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]

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