Jump to content

Hover text / grayscale

Recommended Posts

Site URL: https://bumblebee-drum-w3fz.squarespace.com/interiordesign

hi,

I used the tutorial from Brandon for the hover effects: 

 

Everything is perfect, except the hover effect. I have an opacity effect and I would like grayscale 100% .

I have this CSS: 

figure.gallery-grid-item.has-clickthrough:hover img {
    filter: grayscale (100%);
  }

But it is not working.

I also tried:

.gallery-grid-item img:hover{filter:grayscale(100%)}

 

Can you help me ?

Thank you !

 

 

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.