Scroll down to see Headline with Animation in action...
The simplest animation. When the element gets in the viewport the animation starts.
Similar as above, but in loop mode. Animation is on repeat. To preserve resources we're pausing animation when element gets out of viewport, and starting animation when element gets back in the viewport.
Here's an example with different color, thickness and transition duration.
We can have multiple animations on one headline element. And using delay we can make it animate one after another.
Beside Drawing Line Animation we have Rotating Text Animation as well.
There are many Rotating Text Animation styles. And more styles will be added in the near future.
Feel free to test Headline with Animation. Select the part you wish to animate in text above, and set your animation using the options in top-right corner.