How to add zoom in effect on hover to column background video?

Ask the community
,
1

Hello,

I have a column with a background video and some text on it, and I would like to zoom in the background video of the column when the mouse is hovered on the column.

I currently have the following code;

$w("#column8").onMouseIn((event) => { 
        const zoomIn = { y: 4, x: 4, scale: 1.20, duration: 600, easing: 'easeOutCirc' };
        timeline()
                .add($w('#column8'), zoomIn)
                .play()
     });

This however zooms in the entire component with the text as well, and I want a similar zooming in effect to the example shown in Velo’s documentation (https://www.wix.com/velo/example/zoom-in-effect)

Any help would be kindly appreciated :slight_smile: