Add Zoom effect on Image hover

Hi Vipul,

I’m not sure it can be done with a simple CSS snippet. This feature requires a custom JS script.

Hi Vladimir,

Could you provide me this feature with pro version?

Kindest Regards
Vipul Arora

Hi Vipul,

Do you mean custom development? Sorry, I’m really overloaded now.

Hi Vladimir,

Thank you for your quick response and kindness

I was talking about a little zoom hover effect please check the example website given link here you will see few carousel I think that can be done with simple css but I am unable to configure it with shortcode plugin.

example url:

https://www.tatacliq.com/

Kindest Regards
Vipul Arora

Hi Vipul,

you can try the following snippet, add it to the Custom CSS code field at the plugin settings screen:

.su-image-carousel-item-content img {
	transition: transform .3s ease;
}
.su-image-carousel-item-content img:hover {
	transform: scale(1.05);
}

But, as I said, that’s not enough to reproduce the effect. Images will be cropped on zoom.

Hi Vladimir,

Thank you for again for your great support and kindness as you have spared your valuable time for helping.. personally saying you have golden heart.

Kindest Regards
Vipul Arora