Horror Move Style Blurry Text Coming into Focus Text Animation

Image: Horror Move Style Blurry Text Coming into Focus Text Animation GIF

Here is a fancy text animation effect using lettering.js, the text loads as a blurry mess which is really hard to read and them in comes into focus revealing the text and then fades away to load the next line. This can work well for Halloween or horror-themed sites.

If you are having trouble with the pen, try the archived copy on GitHub

Horror Text Snippet

See the Pen Intro Text by Tiffany Rayside (@tmrDevelops) on CodePen.0

Posted by:Saijo George

Digital Marketer with a strong focus on technical SEO and design. One of the top 100 makers on Producthunt, co-organizer of the SEO Meetup in Melbourne, an instructor at General Assembly. Worked with brands like Envato, AEON. Currently the SEO Strategy Director at Supple.