Animation

animated underline text effect

Animated underline on multiple lines text

We have already seen a thick underline effect on text. Taking this to the next step is animating the underline effect and still looking good when text span over multiple lines.

fancy light stream effect on button hover

Fancy light streak on Button hover effect

Adding a fancy button on simple layout just adds that ‘pop’ factor to the page. Here is how you can add fancy looking button with light streak on hover action.

animated words within headline

Animated multiple words in a headline

Using animation to circle through various words within a headline can be achieved with CSS only. It is ideal for a headline where you want to convey multiple benefits by circling through different words.