Masked zoom effect on scroll

[mmelton12]

Hi!

I’m zooming in on an image using the transform scale effect (in the effects section) on scroll, which is easy enough. However, I’m trying to accomplish this within a masked area so that the zoom is contained within a div.

You can see the effect here: https://eightheme.com/seporta/template-kit/our-services/

Would appreciate any help!

Thanks,
Matt

[ruenel]

Hello Matt,

Thanks for posting in! You can insert a DIV element as the container of the Image element. The DIV element’s overflow should be set to hidden and apply the Zoom (scale) effect on the image so that as the image scales up, it will always be contain within the Div element.

Best Regards.

[mmelton12]

Ah! Of course… Hidden.

Thank you!

[marc_a]

Hi @mmelton12,

You’re welcome! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.