Figma Support Forum

Layer blur multiplies the background blur effect

I’m creating an overlay effect for a file drop zone and want this overlay to have a background blur effect. However, as this overlay shape will animate out from the corner of the screen, I want to add a layer blur effect to this shape to soften the edge. The issue is that once you add both blur effects, the layer blur seems to compound the background blur’s effect.

Example screenshot: Dropbox - Screen Shot 2021-09-16 at 2.58.07 PM.png - Simplify your life

In this example, the overlay has a 10px background blur applied, and I also have a 20px layer blur added, but turned off. When I turn the layer blur effect on, you can see how it’s altering the background blur.

This behavior, while I suppose it’s logical, is problematic: it makes dialing in the background blur settings very difficult, especially if there’s a situation where you want to have the layer blur change or animate.

Is there a workaround here? Is this a bug?

My suggestion is that the layer blur would NOT compound the background blur.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.