Animated Heading Element

The Animated Heading element will provide exceptional and unique headlines for your website to captivate users at first sight. Create beautiful animations like highlighting your keyword, or adding an entrance animation. 


Content Tab 

Heading

  1. Style - Choose one style for your heading, either Highlighted, Rotating, or Animated 

If you choose Highlighted as your style you will have these options below

  1. Shape - Select from the various shapes available, either Circle, Curly, Underline, Double, Double Underline, Underline Zigzag, Diagonal, Strikethrough.
  2. Before Text - Type the text before the highlighted word/s 
  3. Highlighted Text - Type the text you want to be highlighted 
  4. After Text -  Type the text after the highlighted word/s

If you choose Rotating as your style you will have these options below

  1. Animation -  Select an animation, either typing or Slide Down. 
  2. Before Text - Type the text before the rotating text 
  3. Rotating Text - Type in the text you want to be rotated 
  4. After Text -  Type the after before the rotating text 

If you choose Animated as your style you will have these options below

  1. Animation - Choose your animation, you have options to choose from like Line or Word. 
  2. Animated - Type in the animated text, press enter to separate the text in row 

Link ( Available for all styles) 

  1. Link - Type in the URL to link your animated heading 
  2. Alignment - Align your heading either Left, Center, or Right. 
  3. HTML Tag - Set the HTML tag of the animated heading 

Style Tab

If you choose Highlighted as your style you will have these options below

Heading

  1. Text Color - Set the text color for the animated heading
  2. Typography - Tweak the typography options, set the font size, font family, weight of the animated heading
Animated
  1. Text Color - Select the color only for the highlighted text 
  2. Typography - Tweak the typography options only for the highlighted text 

Shape

  1. Color - Set the color of the animation shape
  2. Widht - Control the width of the animation shape
  3. Bring to Front - Set the animation in front or at the back of the text 
  4. Rounded Edges - Make the edges of the animation rounder 

If you choose  Rotating as your style you will have these options below

  1. Text Color - Set the text color for the animated heading
  2. Typography - Tweak the typography options, set the font size, font family, weight of the animated heading
Animated 
  1. Text Color - Select the color only for the rotated text 
  2. Background Color - Set a background color for the rotated text 
  3. Cursor Color - Set the color for the cursor 
  4. Typography - Tweak the typography options only for the rotated text 

If you choose  Animated as your style you will have these options below

  1. Text Color - Set the text color for the animated heading
  2. Typography - Tweak the typography options, set the font size, font family, weight of the animated heading

Set the settings for the Advanced Tab that is appropriate for the element. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.