Image 1 of 1
Image Zoom In Hover Effect
Image Zoom Out Hover Effect
Add a smooth zoom-in or zoom-out hover effect to Squarespace image blocks.
What this plugin does
This plugin lets you add a simple hover movement effect to images on your Squarespace 7.1 website. It is ideal for making image-heavy sections feel a little more polished and interactive without changing your page layout.
You can choose between a zoom-in effect, where the image gently enlarges when hovered, or a zoom-out effect, where the image starts slightly enlarged and returns to its normal size on hover.
Typical uses include:
Portfolio images
Service blocks
Homepage image sections
Visual category links
Blog or article feature images
Team or profile image blocks
The effect is lightweight, CSS-based, and can be applied across your full site, to one specific image block, or to all images on one selected page.
How it works
This is a simple, copy-and-paste plugin designed for Squarespace 7.1.
Download the plugin file after purchase
Open the setup guide included with your download
Copy the version of the code you want to use
Paste it into the Custom CSS area in Squarespace
Adjust the block ID or page ID if you only want the effect in one place
No JavaScript experience is required. A step-by-step setup guide is included.
Setup & skill level
Setup time: 5–10 minutes
Skill level: Beginner-friendly
If you’re comfortable copying and pasting code into Squarespace, you’ll be fine.
Ready to add a subtle image hover effect to your site?
One-time purchase.
Instant download.
Clear, beginner-friendly setup guide.