Streaming live at 10am (PST)

"Window wipe" SVG interaction with JS

Hey everyone,

I am currently working on integrating a Frosted glass “window wipe” interaction through an animated SVG element. The goal Is to place this SVG over a piece of content, by moving your mouse over the element, you will ‘wipe’ the glass through a mask and see the content behind it.

I started to make a snip in Codepen, but I am having some issues making this work in webflow…

Could you guys perhaps shed some light on this?

Here is my site Read-Only

And the published site.

Much appreciated! I look forward to you answers- JW