zoom hover effect for carousel images

Hi. I have some carousel sections and I want to apply zoom hover effect on those photos. 

Do you have the URL for your site? If you can be more specific we can give you a coded solution 🙂

2 minutes ago, buura said:

https://chameleon-cranberry-dedh.squarespace.com/config/pages

pw: thanksforhelp

The password doesn't seem to work if you could double check it please?

2 hours ago, buura said:

https://chameleon-cranberry-dedh.squarespace.com/config/pages

changed as: 12345

Thank you! Here is the code:

.user-items-list-item-container {
.user-items-list-carousel__slide {
    pointer-events: initial;
}
li:hover img {
  transform: scale(1.5) !important;
  transition: 0.2s;
}
}

Thank you very much! can you also help me about the zoom out? One more thing, when I drag my cursor to the section, the effect recognizes the cursor from beginning of the border but I only want it to start from the images' borders. Is this possible?

13 hours ago, bycrawford said:

You can lower the scale value but this doesn't zoom out. Unless you mean something else?

If you mean make the zoom *back* out segment smooth, use this code:

.user-items-list-item-container {
.user-items-list-carousel__slide {
    pointer-events: initial;
}

li img {
  transition: 0.8s;
}

li:hover img {
  transform: scale(1.5) !important;
  transition: 0.2s;
}
}

And on your point about the hover value, I don't know sorry.

thank you very much!