0
Good evening, people. I’m here with one more mistake, beginner, bumping heads without being able to find what the problem is. I added the "backdrop-filter" property after using rgba background in a div that contains the navigation links from the site menu. in my note’s Chrome Dev Tools, the property works by emulating Mobile, but when accessing from the physical device itself, only the rgba color works, the property’s Blur does not apply (I tried to access through Chrome and Safari) =/...
0
According to MDN, the property backdrop-filter is still an experimental technology, so always check the compatibility of it by browsers, and check whether it will be used in production environment.
I suggest you check the link below for the exact compatibility of browsers and versions of this property, both for PC and mobile.
https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Compatibilidade_de_navegadores
Thank you for the indication! From what I read, my browsers would be "half compatible", but since I’m a beginner, I’m having a hard time implementing this and making it work, I’ll leave it aside while! Thank you ! :)
Browser other questions tagged css
You are not signed in. Login or sign up in order to post.
You can try using filter Blur, has better support than backdrop
– hugocsl
Got it! However, I have tried only that filter Blur ends up blurring all menu items. = / - I have Icons and text :(
– user181894