I am pretty new here and already made a few sites using Webflow for the company I work for, wonderful tool!
I am looking to do this kind of rollover effect as on this site:
Is this possible in Webflow?
I tried using a hover transition by putting the image in the background of a div-block and then upscale the image in the divblock but it wouldn’t allow a smooth zoom effect.
You need to proceed with interactions. A hover with transition wouldn’t be enough because the bg-scale is the only thing you can transitionned from/to. (opacity works, moving works, not scaling.)
So inside you big block, that have to be set to overflow:hidden, you need to set a div with an image inside. Then on hover interction, you need to target this div element, check the “limit to childs” checkbox, and make it scale. (and scale down on hover out).