Skip to main content
Solved

Anyone having issues with background blur


Paul2

Hey,

so i am trying out the UI Glassmorphism style, but I need the function of the background blur to do that. I can change values to the max without changing the blur…

anyone with the same issue?

best

Paul

Best answer by Michel_Sfeir

@Paul2 @Mark_Aldrich I had the same issue today, think I might know why it wasn’t working:
I was using a saved color in the “Color Styles” which for some reason doesn’t recognise the effect.

Try setting the color manually for the element, and reducing its opacity slightly, should so the job 🙂

View original
This topic has been closed for comments

23 replies

Yorbi_Barriento

Hi Paul!
Are you changing the fill’s opacity?
Mine is working fine!


Mark_Aldrich

Im having the same issue right now


Michel_Sfeir

@Paul2 @Mark_Aldrich I had the same issue today, think I might know why it wasn’t working:
I was using a saved color in the “Color Styles” which for some reason doesn’t recognise the effect.

Try setting the color manually for the element, and reducing its opacity slightly, should so the job 🙂


_jase
  • 1 reply
  • December 30, 2021

worked, thank you!


Jaz_Madhu

Hi Yorbi,
Thanks for the clear msg, I faced the same issue, then realized after seeing the screenshot “Pass Through” must be 100%.
I had kept the fill as 100% and reduced in “Pass Through” to 50%.

Thanks again, have a great day.


Alex_Kirkland

Thank you! This fixed it for me 🙂


Qonita_Afnani

Thank you!!


Milcho
  • 1 reply
  • September 9, 2022

Thank you Michel, problem solved.


marz_star
  • 2 replies
  • September 25, 2022

you just saved me another I-don’t-know-how-long going crazy thinking either I suck or figma is broken. YAY community!
I Never change the layer style opacity, that I know of. but mine just now was set at 18. I made it 100 and BAM it went from no blur to mega blur.
FWEW
thank you


Joy_Scopa
  • 1 reply
  • September 28, 2022

this just won’t work for me 😭 i’ve tried adjusting the opacity, layer fill, color…nothin. anyone else still having this issue?


Jordan16
  • 1 reply
  • October 27, 2022


set the fill to a percent less than 100%, (i set it to 20%).


Martin_Stech

Hi, I need to use Colour style because I have many themes.
@Figma_Support Can you fix this bug please?


Narendiran_J

Yes, reduce the background blur effect, keep it below 10


Narendiran_J

12345


Aaron_Kato

I’m usually just changing opacity by pressing the numeric keys that are changing the opacity of the layer and not the fill. Now as I’m changing the fill instead of the layer opacity, the magic started to happen 🙂


Caesar_pb

Thanks!! Seeing the screenshot i realise now that my issue was that i was lowering the layer Pass through instead of the Fill Opacity.


Frankie3

I had the same issue, and realized I applied the Blur to the whole component; once I removed it and applied only to the background shape it finally worked. Thanks for all the tips!


  • 1 reply
  • December 13, 2023

You`re the best! I was on the verge of beating the head against the table. Thank u soooo much!


aforammar
  • 2 replies
  • January 31, 2024

i am still having issues with background blur. i had tried everything.


aforammar
  • 2 replies
  • January 31, 2024

please anyone can help me?


Prabhat_Kumar

I’m having the same issue… and I don’t want to work anymore bcoz this effect plays a very important role while designing… plz help me


Prabhat_Kumar

Me too… I’m also struggling with it


y_toku
Figmate
  • Community Support
  • 2320 replies
  • March 5, 2024

Thanks for flagging - if you tried other solution that Community shared and the issue still persists, could you reach out directly to the support team with a copy of your file: https://help.figma.com/hc/en-us/requests/new?

Please make sure you use the email associated with your Figma account, include links to the file in question, and share access with support-share@figma.com. Don’t worry, inviting us to view your file won’t impact your billing.

Thanks,
Toku


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings