Bottom Half of Text Hidden and Reveal on Hover with a Splotch Cursor

Image: Bottom Half of Text Hidden and Reveal on Hover with a Splotch Cursor GIF

This jquery snippet using lettering.js allows you to show a text where the bottom part of the text is hidden and is only revealed to the user when they hover over it. The mouse pointer looks like a splotch of ink which is a really cool effect.

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

Half Text Snippet

See the Pen Tribute Page by Madeline Uribes (@madelineuribes) 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.