Zoom in image and face overlay

Hi @marie911,

Can you please check the right most demo image on the below link.

https://www.learnhowwp.com/divi-overlay-images/

https://prnt.sc/ZPdj5noXw80t

You will find in Module Settings > Design > Overlay

https://prnt.sc/uNwB4eZlTLt7

Let me know if it helps.

Hi there,

Thx for your reply. The thing is that I would like the image to be zoom in at the same time. I’m quite sure there’s a way to do that in CSS, but can’t find it.

Thx !

Do you have an example to share so I can get a better idea of what you are looking to achieve?

Hi there,

Here, at the bottom : https://robindesbois.ca/. There is row with hover effect.

Thx,

Marie

You can try the below code CSS code to make the image zoom in when you hover over it.

.lwp_overlay_image .image {
    transition: transform 1s ease;
}

.lwp_overlay_image:hover .image {
    transform: scale(1.5);
}