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

**URL:** <https://forum.wixstudio.com/t/how-to-add-zoom-in-effect-on-hover-to-column-background-video/11482>\
**Category:** Ask the community\
**Tags:** code, question\
**Created:** [November 9, 2022, 12:25am UTC](https://forum.wixstudio.com/t/how-to-add-zoom-in-effect-on-hover-to-column-background-video/11482 "2022-11-09T00:25:54Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![nicholasmasini1998](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/nicholasmasini1998/32/7274_2.png) [@nicholasmasini1998](https://forum.wixstudio.com/u/nicholasmasini1998)\
**Post date:** [November 9, 2022, 12:25am UTC](https://forum.wixstudio.com/t/how-to-add-zoom-in-effect-on-hover-to-column-background-video/11482/1 "2022-11-09T00:25:54Z")

</div>

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;

```javascript
$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](https://www.wix.com/velo/example/zoom-in-effect))

Any help would be kindly appreciated 🙂