How to add the Animated Headline block and what every setting does. It comes with Bright Addons Blocks Pro, which also includes every free block.
Start
A headline with rotating words (typing, clip, flip, slide and more) or a hand-drawn highlight shape.
Panel 1 of 5
Open the block sidebar and find the Headline panel.
| Setting | What it does | Choices |
|---|---|---|
| Style | Choose one. | Rotating words, Highlight shape |
| Animation | Choose one. | Typing, Clip, Flip, Swirl (letters), Blinds (letters), Wave (letters), Drop in, Slide up, Slide down, Zoom, Fade, Blur |
| Shape | Choose one. | Circle, Curly, Underline, Double, Double underline, Underline zigzag, Diagonal, Strikethrough, X, Brush stroke |
| Before text | Text you type. | – |
| Rotating words | One word or phrase per line. | – |
| Highlighted text | Text you type. | – |
| After text | Text you type. | – |
| Link | Link address. | – |
| Open in a new tab | On or off. | – |
| HTML tag | Choose one. | H1, H2, H3, H4, H5, H6, div, p |
Panel 2 of 5
Open the block sidebar and find the Layout panel.
| Setting | What it does | Choices |
|---|---|---|
| Alignment | Choose one. | Left, Center, Right |
| Each part on its own line | On or off. | – |
| Font size (px, 0 = theme) | From 0 to 120. | – |
| Animated text fill | Choose one. | Solid color, Gradient, Outline only |
| Gradient angle | From 0 to 360. | – |
| Outline width (px) | From 0.5 to 6. | – |
Panel 3 of 5
Open the block sidebar and find the Animation panel.
| Setting | What it does | Choices |
|---|---|---|
| Infinite loop | On or off. | – |
| Word display time (ms) | A number. | – |
| Transition duration (ms) | A number. | – |
| Typing speed (ms per letter) | A number. | – |
| Deleting speed (ms per letter) | A number. | – |
| Delay between letters (ms) | A number. | – |
| Show cursor | On or off. | – |
| Cursor style | Choose one. | Bar, Underscore, Block |
| Blinking cursor | On or off. | – |
| Draw duration (ms) | A number. | – |
| Redraw every (ms) | A number. | – |
| Start when visible | On or off. | – |
| Pause on hover | On or off. | – |
Panel 4 of 5
Open the block sidebar and find the Shape panel.
| Setting | What it does | Choices |
|---|---|---|
| Stroke width | From 1 to 30. | – |
| Rounded edges | On or off. | – |
| Bring to front | On or off. | – |
| Gradient stroke (set the colors under Colors) | On or off. | – |
Panel 5 of 5
Open the block sidebar and find the Colors panel.
| Setting | What it does | Choices |
|---|---|---|
| Headline text | Color picker. | – |
| Animated text / outline | Color picker. | – |
| Text gradient start | Color picker. | – |
| Text gradient end | Color picker. | – |
| Animated text background | Color picker. | – |
| Cursor | Color picker. | – |
| Shape | Color picker. | – |
| Shape gradient start | Color picker. | – |
| Shape gradient end | Color picker. | – |
Questions
Animated Headline is a Pro block. It comes with Bright Addons Blocks Pro, which has the same plans and prices as Bright Addons Pro for Elementor and includes all 62 free blocks.
No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.
No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.
Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.
Bright Addons Blocks
Blocks Pro adds 99 Pro blocks, Pro effects for every block, Theme Templates and popups to the 62 free blocks.
Yearly and lifetime plans. Use this code at checkout:
14-day money-back guarantee. Ends Monday 30 November at 23:59.
