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:
Shape: Choose the shape of the highlight, including Circle, Curly, Underline, Double, Double Underline, Underline Zigzag, Diagonal, Strikethrough, and XBefore Text: Type the headline text that will appear before the highlighted textHighlighted Text: Type the text that will be highlightedAfter Text: Type the headline text that will appear after the highlighted textInfinite Loop: Set to Yes to have the animation loop endlessly or set to No to have it only play once and then remain frozen at the end of the animation.Duration: Set the amount of time in milliseconds that the animation takes for one loop.Delay: If Infinite Loop is set to Yes, this option becomes available. Set the amount of time in milliseconds between each loop.Link: Enter the URL for the item』s link. Click the Link Options cog to set more link options.Alignment: Set the alignment of the headline, Left, Center, or RightHTML Tag: Set the heading』s HTML tag to H1- H6, Div, Span or Paragraph
If Rotating style is chosen, the following options become available:
Animation: Choose the animation of the rotating text including Typing, Clip, Flip, Swirl, Blinds, Drop-in, Wave, Slide, and Slide DownBefore Text: Type the headline text that will appear before the rotating textRotating Text: Enter the list of rotating text, in the order of rotationAfter Text: Type the headline text that will appear after the rotating textInfinite Loop: Set to Yes to have the animation loop endlessly or set to No to have it only play once and then remain frozen at the end of the animation.Duration: Set the amount of time in milliseconds that the animation takes for one loop.Link: Enter the URL for the item』s link. Click the Link Options cog to set more link options.Alignment: Set the alignment of the headline, Left, Center, or RightHTML Tag: Set the heading』s HTML tag to H1- H6, Div, Span or Paragraph
Style
Shape (option only available if Highlighted type is chosen)
Color: Choose the color of the highlighted shapeWidth: Set the width of the highlighted shapeBring to Front: Slide to Yes to Bring the shape to the frontRounded Edges: Slide to Yes to round the edges of the shape
Headline
Text Color: Choose the color of the headline』s before and after textTypography: Set the typography options for the headline』s before and after text
Animated Text
Text Color: Choose the color of the animated textTypography: Set the typography options for the headline』s animated text
Advanced
Set the Advanced options that are applicable to this widget
Read the full release post about the Animated Headline widget