Streaming live at 10am (PST)

Boolean Operations in Webflow

Hey everyone, need some help/advice on how to implement boolean operations in my site’s banner section.

As you can see in my preview link, the border of the banner section is jagged. When I try to put a hero image, the image seems to be overflowing when it shouldn’t be.

The look I’m trying to achieve is in the screenshot below. This design was made in Adobe XD, and the behaviour of the image/section is set to Union. How do I achieve this in Webflow?

Hi @jcyee to achieve similar effects as in Graphical programs you need search internet for articles about SVG clipping and masking techniques.