What are you trying to do? Hello im trying to apply a very simple backdrop blur to a menu, with the exact same setup i have both in figma and framer, unfortunately does not matter what i do the blur gets pixelated, it does not create a smooth blur or gradient in the background. the bigger the screen the worse it looks.
i’ve tried all sort of things like changing the transparency, increasing the blur, using a gradient background or a background with just sharp figures, i also tried using a blank stack and blur that one on front of the background, even applying the effect directly to the background and still looks awful.
What are the reproduction steps?
-change the background of the website to a black and gray radial or linear gradient
-creating a stack or section on top,
-apply a Background blur to the stack while reducing the transparency of the background.
the blur will not be uniform you will notice pixelated lines going across depending on the pattern in the background.
Relevant links:
i will not include a link to the project because i saw it can be replicated anywhere, i will continue trying to fix it.
thanks
