3D Drop Shadow Text Reveal Animation

Image: 3D Drop Shadow Text Reveal Animation GIF

A fancy text reveal animation effect in CSS designed by Luke Meyrick. When the page loads the text is revealed with a long drop shadow effect giving it a 3D effect.

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

3D Shadow Text Snippet

See the Pen CSS Text 3d effect by Luke Meyrick (@lukemeyrick) 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.