Hi,
I was wondering if anyone could help me accomplish something similar to the link below without having to use a separate PNG image with a hole in the middle?
I would like to slowly reveal an image on scroll, whilst keeping the image size and position fixed. Ideally using a div block and rounded corners on the edges, with a border.
I tried this using a div block and couldn’t find a way to scale the div block without also scaling the image. It also scaled my rounded corners badly and messed up my border which I would like to remain consistent as just the length and width of the actual box changes - I am sure there may be a relatively simple way around this but I am very rusty and I am just getting back into Webflow again after a 2 year hiatus.
Any help would be much appreciated, thanks!
Read only: https://preview.webflow.com/preview/test-6798fd?utm_medium=preview_link&utm_source=dashboard&utm_content=test-6798fd&preview=300b0b8cf03e13d38daac1a8c92fbbc5&workflow=preview
Live: https://test-6798fd.webflow.io/