Fixing backdrop-filter: blur Issue with Interactive Parent Elements

·

hey all, does any one know how to get around the fact that backdrop-filter:blur doesn’t work when one of the parent elements has an interaction applied to it? Trying to add a backdrop blur to the individual cards of testimonial section 33

30 comments

· Sorted by Oldest

Ganesh U.
·
·
Then you could apply embed css
Ganesh U.
·
·
Either for the backdrop/interaction
Lukas S.
·
·
tried that
Lukas S.
·
·
doesnt seem to work :S
Ganesh U.
·
·
It should. Can you please share preview link
Lukas S.
·
·
https://preview.webflow.com/preview/isa-galvao-demo-e6f4b2?utm_medium=preview_link&utm[…]2&preview=c3dc12c35d9f15825a12c6417af8604b&workflow=preview
Lukas S.
·
·
testimonial section
Ganesh U.
·
·
How about applying box shadows?
Ganesh U.
·
·
Backdrop filters only affect semi-transparent elements. If the background is solid, the effect won’t be visible.
Lukas S.
·
·
thats the wrong section
Ganesh U.
·
·
The same for this
Lukas S.
·
·
don’t understand how that answers my question. thats not related
Ganesh U.
·
·
To which element you wanna add the blur? The parent / any specific child element
Lukas S.
·
·
the ones that are blurred haha
Ganesh U.
·
·
Gotcha 😅