Zoom Me In Hover - Image Block

Look Demo

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 one of 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.

License

This plugin comes with an Unlimited Use License. View License Terms