BUILD3R.io

Animated Headline

Article2 min readUpdated Feb 22, 2025View source ↗
The Animated Headline widget allows you to create attention grabbing headlines that either rotate or include highlighted animation.. . Content. . Headline. . Style: Choose Highlighted or Rotating style. If Highlighted style is chosen, the following options become available:. 1. Shape: Choose the shape of the highlight, including Circle, Curly, Underline, Double, Double Underline, Underline Zigzag, Diagonal, Strikethrough, and X. 2. Before Text: Type the headline text that will appear before the highlighted text. 3. Highlighted Text: Type the text that will be highlighted\. 4. After Text: Type the headline text that will appear after the highlighted text. 5. Alignment: Set the alignment of the headline, Left, Center, or Right. 6. HTML Tag: Set the heading’s HTML tag to H1- H6, Div, Span or Paragraph. If Rotating style is chosen, the following options become available:. 1. Animation: Choose the animation of the rotating text including Typing, Clip, Flip, Swirl, Blinds, Drop-in, Wave, Slide, and Slide Down. 2. Before Text: Type the headline text that will appear before the rotating text. 3. Rotating Text: Enter the list of rotating text, in the order of rotation. 4. After Text: Type the headline text that will appear after the rotating text. 5. Alignment: Set the alignment of the headline, Left, Center, or Right. 6. HTML Tag: Set the heading’s HTML tag to H1- H6, Div, Span or Paragraph. . Style. . Shape (option only available if Highlighted type is chosen). . 1. Color: Choose the color of the highlighted shape. 2. Width: Set the width of the highlighted shape. 3. Bring to Front: Slide to Yes to Bring the shape to the front. 4. Rounded Edges: Slide to Yes to round the edges of the shape. Headline. . 1. Text Color: Choose the color of the headline’s before and after text. 2. Typography: Set the typography options for the headline’s before and after text. Animated Text. 1. Text Color: Choose the color of the animated text. 2. Typography: Set the typography options for the headline’s animated text. Advanced. Set the Advanced options that are applicable to this widget
Was this article helpful?

Still puzzling over something?

The agent has read this article — and everything around it. Ask a follow-up and it answers in seconds.

← Back to Help Center