Jump to content

summary image – scale on hover

Recommended Posts

Hi, I'm trying to add a bit of code to make my summary images scale to 1.1 (over 3 secs) on hover and scale back to 1.0 (over 3 secs) on not hover.

I've managed this on on-page block images like this:

.sqs-block-image .design-layout-inline:hover img{transform:scale(1.1);transition: 3s;}

.sqs-block-image .design-layout-inline:not(:hover) img{transform:scale(1.0);transition: 3s;}


but can't figure it for summary images.

Can anyone help?


Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.