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?

Thanks

Link to comment
  • Replies 1
  • Views 319
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.