Blue Galago
KPCKevin Powell - Community
•Created by Blue Galago on 3/14/2024 in #ui-ux
How do you make a child element transparent when the parent element is blurred?
Would that be apply one to the border element? I had one on there that went from #000 to transparent but the only effect I saw was the bottom half of the border disappearing but maybe I didn't implement it right?
16 replies
KPCKevin Powell - Community
•Created by Blue Galago on 3/14/2024 in #ui-ux
How do you make a child element transparent when the parent element is blurred?
Thanks anyway!
16 replies
KPCKevin Powell - Community
•Created by Blue Galago on 3/14/2024 in #ui-ux
How do you make a child element transparent when the parent element is blurred?
Ah fair enough. I'm not sure how to make the image-mask work. Looks like it'd be such a handy trick that you could use in different ways
16 replies
KPCKevin Powell - Community
•Created by Blue Galago on 3/14/2024 in #ui-ux
How do you make a child element transparent when the parent element is blurred?
https://codepen.io/codermilo/pen/rNbMwXQ Ok I made an example in codepen and it doesn't work here either, is it something to do with image-mask?
16 replies
KPCKevin Powell - Community
•Created by Blue Galago on 3/14/2024 in #ui-ux
How do you make a child element transparent when the parent element is blurred?
I tried copying the css to see how to do it but the blur seems to cover the content of border 😩
16 replies