Image Gallery Block Greyscale Hover Effect on Squarespace 7.1

Transform greyscale images to colored images when you hover with this custom CSS plugin for Squarespace Fluid Engine.

Copy Code

// Gallery grayscale hover color effect //

#BLOCK-ID .thumb-image {

  filter: grayscale(100%);

  transition: filter .2s ease-in-out;

}

#BLOCK-ID .thumb-image:hover {

    filter: none;

    transition: filter .2s ease-in-out;

}