Heading Animation

< All Topics

Animated Text is a widget using which you can create and showcase multiple texts with incredible typing animations. These text animations look awesome and you can set different types of animation styles.

Pro tip
Use the animated text on the hero section. This will help you to catch your visitor attention quickly and leave him/her with a very good first impression.

How to use the Animated Text Widget of The Plus Addons For Elementor

The Animated Text widget comes with different styles and a plethora of customization options using which you use to add Animated Text to your websites.

Table Of Contents

General Steps

Search for the Animated Text element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Animated Text Widget widget. First, click on the Content tab.

1. Content

Text Animation

Animation Style

Select the Animation Style of the Text here. We have provided 6 different styles to choose from.

Prefix Text

Enter Text, Which will be visible for the Prefix Text.

Animated Text

Enter Text, Which will be visible for the Animated Text.

Animated Text Tag

Enter the Animated Text Tag here.

Postfix Text

Enter Text, Which will be visible After the Animated Text.

Alignment

Set the Alignment of the text with this option.

2. Style

he Style tab is used for customizing the appearance of all the Animated Text widget components. All these styling options include customizing the fonts, colors, background, margins, and padding which are common across all the widgets. So, we have created a single detailed article explaining these Styling Options

Prefix and Postfix

Set the Font color and Typography of Prefix and Postfix text here.

Animated Text

Set the Font color, Typography, and Animation Background Color of the Animation Background Color here.

On Scroll View Animation

On Scroll View Animation Options are used to set beautiful animations to your sections. They are a common option for almost all the widgets. So, we have written a detailed tutorial explaining how to use these options.

View On Scroll View Animation Tutorial

3. Advanced

Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Need help?