Hover For Font Weight Change

Image: Hover For Font Weight Change GIF

This snippet of code allows users to hover over a certain bit of text in a block of text content and that will change the font weight of that bit giving it a cool effect. It can be used on long block of text to highlight certain portion of the copy. Designed by Andros GuiradΓ³.

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

Hover Font Change Snippet

See the Pen Variable font – Animated over (weight) by Andros GuiradΓ³ (@Grooo) 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.