Zoom Me In Hover - Image Block

---

Description

Add a zoom in effect to the image block when hovered. This plugin uses css editor and works with all template families.

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the codes below into the Custom CSS Editor box.

// Zoom Me In Hover - Image Block //

.sqs-block-image img {
  transform: scale(1) !important;
  transition: all ease-in-out 1.5s !important;
}

.sqs-block-image:hover img {
  transform: scale(1.1) !important;
  transition: all ease-in-out 1.5s !important;
}

---

Customize

Adjust the scale and transition values in both codes to your liking.

The code works for all image card block styles - including inline, poster, card, overlap, collage, and stacked.

---