Alternative image on hover (7.0 & 7.1 CE) - Image Block Stack

All CSS tricks7.07.17.1 CEHover/overlay
Written By Beatriz Caraballo

About

Set up an alternative image on hover mode for Stack Image Blocks with this copy/paste code.

The snippet will allow you to set any image you want just with its URL, and it’ll take care of the rest of the animation for you.

  • This particular snippet is compatible with:

    • Image Block Stack layout

    • Squarespace 7.0

    • Squarespace 7.1 (Classic Editor section)

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

Custom font for subtitle text (7.0 & 7.1 CE) - Image Block Stack
Next

Skewed newsletter block (7.0, 7.1 CE & 7.1 FE) - Newsletter Block