Jump to content

Enlarge image on hover with CSS?

Recommended Posts

  • 3 weeks later...
On 8/18/2020 at 4:59 PM, SteveBarrett said:

Hi Guys, Is it possible to do this with gallery sections? But for each individual image in a gallery section. Not like this. Thanks a mill.

Screen Recording 2020-08-18 at 10.58.50.mov 10.29 MB · 0 downloads

.gallery.gallery-section-wrapper img:hover {
    transform: scale(1.1);
    transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);

.gallery.gallery-section-wrapper img {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...
  • 2 years later...

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.