Community forum for knowledge and support

Updated 10 months ago

Creating a Captivating Background in Webflow: Mastering Blobs, Layer Blur, and Noise Layers

At a glance

A community member created a nice background in Figma for a new landing page, but is struggling to recreate it in Webflow. The background was made with blobs, a layer with "layer blur", and a noise layer. The community member is asking for advice on how to efficiently achieve a similar effect in Webflow, specifically regarding the layer blur and noise layer. In the comments, another community member mentions finding a tutorial (in German) that may be helpful.

Useful resources

JJack Glacken

Hey friends, I created a nice background in Figma for a new landing page, but I'm struggling to think how to create such a thing in Webflow.

I made it with a bunch of blobs, then added a layer with "layer blur" on it. And then I added a noise layer on top of that.

I know I can make the blobs (radial gradients or vector shapes) in Webflow, but do you know about the layer blur? And the noise layer? Is there an efficient way to do that?

Thanks 🙏

1 comment

JJack Glacken

Nevermind - I found a tutorial (good even though it's in German!)

https://www.youtube.com/watch?v=8ZHsLochLFA

Add a reply