Marketplace
Made in Webflow

responsive-svg-clipping-mask-on-image

2121 views
site profile thumbnail

Description

Hey everyone, I recently struggled with an issue, which I found a lot of you have in common: How to clip an image with a custom svg shape in webflow? It is easy and well documented with text though, but it really bothered me to find a propper solution for svg shapes. Therefore, I tried for myself (even if i’m not a developer) and after a few hours of research, try and error I came up with this. I posted the documentation on how I built this here: https://forum.webflow.com/t/responsive-svg-clipping-mask-on-image/155254 Hope this helps :)
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
clippingmasksvgimageimgclippathresponsiveshapevectorcsscustomcodepathimage-mask

More by Nadine Mohr

See profile
View details
Nadine Mohr - Digital Experience Strategist
65