Marketplace
Made in Webflow

Link Growing From Bottom Underline On Hover

site profile thumbnail

Description

Hi my gorgeous friends of Webflow, This is a very easy one, but it is something that I came across very recently, so I though it would be beautiful to share it anyway. :) Adding an inner shadow - with "Distance" being the only parameter not equal to 0 - is a smart way to create growing-from-bottom underline effect on hover for your links. Enjoy and feel free to leave a comment!
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
linkwebflowinteractionshoverhovereffecthoveranimationhovertransitionboxshadowshadowinteractionbuttonhovercloneablepopular

More by Francesco Castronuovo

See profile
View details
Canvas Cursor Tracking
103
233