Headline with Animation Proof of Concept

Scroll down to see Headline with Animation in action...

Let's underline something

The simplest animation. When the element gets in the viewport the animation starts.

We're underlining again

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.

Each animation is configurabile

Here's an example with different color, thickness and transition duration.

Playing with animations is very awesome

We can have multiple animations on one headline element. And using delay we can make it animate one after another.

The text will be changed

Beside Drawing Line Animation we have Rotating Text Animation as well.

Let's do something very silly with this

There are many Rotating Text Animation styles. And more styles will be added in the near future.

This headline is editable

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.