True Pop-Out Hover Effect for Image Carousel

[soardefenders]

Describe the Problem

The Elementor Image Carousel does not currently provide a way for the active image to pop out beyond the carousel/card boundaries on hover. The image can be zoomed using transforms, but the carousel viewport clips the image. If overflow is changed to visible, other carousel slides become visible and the carousel layout breaks.

Propose a Solution

Add a native hover pop-out effect for the Image Carousel. When the user hovers over the currently active image, only that active image should smoothly scale and extend beyond the carousel/card boundaries while all other slides remain clipped and hidden.

Ideally, provide controls for zoom scale, transition duration, box shadow, and z-index. This would allow designers to create interactive portfolio and service cards without custom CSS or JavaScript.

Additional Context

I tested this with Elementor Pro using an Image Carousel inside service cards. A normal CSS scale effect works, but the image remains clipped inside the carousel viewport. Setting the carousel overflow to visible causes multiple carousel slides to appear outside the viewport, which breaks the carousel.

A native solution that allows only the active slide to visually extend outside the carousel would be very useful for service, portfolio, project and product cards.

I would also like this effect to work without affecting the carousel navigation arrows, pagination dots, card layout, or surrounding cards.

Agreement

• I confirm I have read and followed all the guidelines and instructions outlined in the Feature Request form.
• I agree that my discussion may be closed without further action if it doesn't meet all the requirements outlined in the Feature Request form.