Community forum for knowledge and support

Updated last year

the "cut out" effect in the hero and image list sections

At a glance

The community members are discussing how to achieve a "cut out" effect on the image in the hero section and image list section of a website built with Relume and header 98. One community member suggests looking at a tutorial by Timothy Ricks, while another mentions a similar tutorial by Nikolai Bain on creating "blob-like sections" in Webflow. The community members are trying to find the specific tutorial that demonstrates the desired effect, but are unsure of the terminology to search for.

JJacob Sutton

Hi everyone! So I know this website was built in relume, and the hero section was built with header 98. Does anyone know how to achieve the “cut out” effect that the image has in the hero section and the image list section? For example, how the buttons cause the image to have an irregular shape (or is the image irregular anyway?)

9 comments

MMads Hensel

If you share a link to the website it might be easier to figure out.

JJacob Sutton

Of course, apologies.
HTTPS://colabs.com.au/services/innovation-facilitation

RRhys Webber

Not 100% sure, but I feel as though I've seen Timothy Ricks post a tutorial for this? Might've dreamt it though 😓

JJacob Sutton

Hmm…trying to find the tutorial, but unsure what this kind of effect would even be called 😅

RRhys Webber

I’ll have a look tonight, but I’ve deffo seen a tutorial for that exact layout before! It exists somewhere 🤣 🤣

JJacob Sutton

Thanks so much Rhys!

LLauren Alexander

This reminds me of Nikolai Bain's "Creating Blob-Like Sections in Webflow" tutorial.

RRhys Webber

That’s exactly the video I meant!

JJacob Sutton

thank you so much! You guys are the best!

Add a reply