Grayscale to color on hover (7.0, 7.1 CE & 7.1 FE) - Gallery Block Grid

All CSS tricks7.07.17.1 CE7.1 FEHover/overlayColor change
Written By Beatriz Caraballo

About

Want to add a simple but eye-catching hover mode to your Grid Gallery Block? How about a grey-to-color effect?

This short snippet will allow you to set it up in a cinch by simply copy/pasting the code into your site.

  • This particular snippet is compatible with:

    • Gallery Block Grid layout

    • Squarespace 7.0

    • Squarespace 7.1

Beatriz Caraballo

Hey! I’m B, a customization expert.

I code the heck out of Squarespace and teach other designers how to do it too, one wtf at a time.

https://beatrizcaraballo.com
Previous

Simple title rollover (7.0, 7.1 CE & 7.1 FE) - Gallery Block Grid
Next

Grayscale to color on hover (7.1) - Gallery Section Grid Simple