Jump to content

How to create blurred image hover effect for Grid Overlay items

Recommended Posts

Hey everyone,

I'm currently re-designing my portfolio website and would like to add some custom css to my grid: overlay section.

Currently, the hover state for the portfolio thumbnails are set to the default static color + text.

I'm wondering how I might be able to set the hover state on my portfolio thumbnails to an image blur + text using custom css.

Anyways, any help/advice would be greatly appreciated!



PS: my site is a work in progress 😅

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.