CSS Text Animations

A beautiful collection of CSS text animations with source code and a video tutorial showing how to achieve these effects step by step.

Video tutorial

Hover glow effect

Hover the example below to see the effect or see it in a full-page demo.

IMPOSSIBLE

Source code

Shine effect

See the example in a full-page demo.

Get up and shine

Source code

Typewriter effect

Refresh the page to see the effect or see the example in a full-page demo.

It was a gloomy, rainy day...

Source code

Spoiler alert

Hover the example below to see the effect or see it in a full-page demo.

Spoiler alert!

(Hover to reveal)

This season is gonna blow your mind ! Like this season is crazy dawg! You know what happens on the first episode ? You are not gonna believe me bro, like It's crazy dude !

Source code

Image inside the text with zoom effect

Refresh the page to see the effect or see the example in a full-page demo.

#Black Lives Matter

Source code

Video inside the text

See the example in a full-page demo.

sail

Source code