Animated Text Effects

Animated Text Effects

Hello

Do everything withpassionor not at all

Life is just one bigadventure.

You’ve reached ourAWESOMEwebpage.

KeepMoving

Moveforward

Shortcode for Non-WPBakery Page Builder Users

You can use the text_effects shortcode inside your content if you want a more customized experience. With this, you can place your text anywhere.

Parameter Default Type Description
text_mid  Typing, Text, Effects string The text that has the animation effect. Separated by a comma.
text_effect text-scrambled string Select the animation for your text effect.
text_before 40 number Text that appears before the animated text.
text_after string Text that appears after the animated text.
text_style h2 string Size/text style.
text_align  center string The alignment of the text effect.
animation_speed  normal string The speed of the text animation.
animation_delay 2000 number The pause duration between animations (in milliseconds).
font_size  40 number Font size in pixels.
font_color string The color of the text including appended and prepended text.
middle_bg_color string Pick a color to add a solid background to the animated text. Leave blank if you don\’t want any background.
middle_text_color string Select color for the animated text.
char_color #b7b7b7 string The color of the scrambled characters for the text-scrambled animation.

Text-Scrambled

Typing

[ text_effects text_style="h3" text_mid="Typing, Text, Effects]

Typing

Typing

[ text_effects text_effect="typing" text_style="h3" text_mid="Typing, Text, Effects]

Fade

Typing

[ text_effects text_effect="fade" text_style="h3" text_mid="Typing, Text, Effects]

Top to Bottom

Typing

[ text_effects text_effect="top-to-bottom" text_style="h3" text_mid="Typing, Text, Effects]

Vertical Flip

Typing

[ text_effects text_effect="vertical-flip" text_style="h3" text_mid="Typing, Text, Effects]

Random Letters

Typing

[ text_effects text_effect="random-letters" text_style="h3" text_mid="Typing, Text, Effects]