LoginGet started — it’s free
Made in Webflow

Sliding Hover Highlight Effect

Clone in Webflow19
Joshua Fry's avatar
by Joshua Fry
site profile thumbnail


Demonstrating a cool effect where a sliding highlight box moves around a grid of clickable items. I've also included an alternative fallback for mobile, where the highlight moves based on scroll instead. This is pure experimentation, but could be used as a starting point for something interesting.

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.
interactionsanimationhovereffectcloneablecomponentsdesignux/uihovergridcssgridflexboxoverflowadvancedleedsunited kingdomengland

More by Joshua Fry

See profile
View details
Overlapped Header Effect
© 2022 Webflow, Inc. All rights reserved.