Use the Animated Headline premium widget by 10Web to grab the attention of your visitors.
The Content Tab
Headline
Style: Choose the animation style between Highlighted or Rotating.
Shape: If you choose Highlighted, set the shape of the highlight.
Animation: If you choose Rotating, set the animation type.
Before Text: Write the text that will appear before the animation.
Highlighted Text: If you have set the Highlighted style, fill in the text that will be highlighted.
Rotating Text: If you have set the Rotating style, fill in the texts that will rotate into the before text.
After Text: Option to add text that will be placed after the animated text.
Link: Set a link to your headline. Click on the gear icon to customize link settings.
Alignment: Set the alignment of your headline to left, center, and right.
HTML Tag: Set headline HTML tag.
The Style Tab
Shape
Active for Highlighted style only.
Color: Customize the color of the highlight.
Width: Adjust the thickness of the highlight.
Bring to Front: Click the toggle on to bring the highlight on top of the text.
Rounded Edges: Click the toggle on to round the edges of the highlight.
Headline
Text Color: Customize the color of your headline text.
Typography: Customize all typographical aspects of your headline.
Animated Text Color: Customize the color of your animated text.
Animated Text Typography: Customize all typographical aspects of your animated text.
The Advanced Tab
In the advanced tab, adjust the padding, apply Z-index to your elements, set conditions, motion effects, responsiveness, and more.