Focus In/Out Text Effect

Image: Focus In/Out Text Effect GIF

This is a text effect that shows a portion of the text focusing in and out as the cursor moves over it. It was designed by Jonny Scholes. A similar effect of scanning the text is seen here.

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

Focus In/Out Snippet

See the Pen In/out of focus text effect by Jonny Scholes (@jonnyscholes) on CodePen.0

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.