Animated Headline block

Animated Headline block

The Animated Headline block adds a heading where part of the text animates, for example a word that types out or rotates through options.

Animated headline block example

Main settings

  • Text before and after: the fixed parts of the heading around the animated text.
  • Animated text: the words that cycle in the animation.
  • Animation type: choose the animation effect.
  • Heading level and alignment: H1 to H6 and left, center or right alignment.
  • Styling: typography and colors for the heading and the animated text, plus padding and radius for the animated part.
Animated headline block settings

How to add it

  1. Open the page or post in the block editor and click the + (block inserter) button.
  2. Search for Animated Headline and choose the Roobely Animated Headline block.
  3. Enter the text before and after, then add the words to animate.
  4. Pick the animation type and style the animated text.
  5. Click Update or Publish, then preview the page to check it on desktop and mobile.
Shopping cart0
There are no products in the cart!
Continue shopping
0