Codrops
  • All Posts
  • Demos Hub
  • Webzibition
  • The Collective

gridhoverpage-transition

Grid Layout with Motion Hover Effect and Content Preview

In Playground, May 23, 2018 by Manoela Ilic

A retro-style grid layout with a playful motion hover effect on the grid items. When clicking on a grid item, a content preview opens.

buttonformhoverprogressive-hoverproximity

Ideas for Proximity Feedback with Progressive Hover Effects

In Playground, May 2, 2018 by Manoela Ilic

We’re exploring a progressive hover effect which triggers not just when we are hovering an element but progressively, when we come close to it.

Wix Studio
Seamlessly transform your Figma designs into responsive, business-ready sites with the Figma to Wix Studio plugin.
Readymag
Make designs interactive & publish as websites with Readymag. Transfer anything from Figma to Readymag in 4 clicks with a plugin.
Scrimba
Want to build websites but don’t know where to start? Scrimba's Frontend Developer Career Path is the perfect beginner-friendly course to kickstart your journey! Created with Mozilla MDN, it teaches you modern web development skills step by step. Codrops readers get 20% off Pro plans!
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Demos Hub
  • Webzibition
  • The Collective
  • CSS Reference
  • Freebies
  • About
  • Get in touch
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • GitHub
  • Bluesky
  • Instagram
  • Facebook
  • Telegram
  • Mastodon
  • X
  • RSS Feed
  • Proudly hosted by Liquid Web hosting Liquid Web logo
  • Content delivered by
  • © Codrops 2025
Support us on Patreon logo