Frosted Glass Effect CSS Tutorial

Hi, encountered an issue. When the element is in the corner or touching the top edge of the screen, the blur doesn't funtion as intended. Any solutions??

Spent hours trying every other method, this one worked. Thank you so much.

Thanks a lot.

Thank you <3 Amazing effect I love it.

wow, youre the first one who make it look like the windows 10 fluent design system translucency

Great tutorial. Thank you!

Nice job! Really useful.

Nice but it didn't work 100% well for me because, ok, when you resize the screen the effect is fine but when I scroll down the effect doesn't work because the .frosted-glass inheried background doesn't show the same position as the main background. What was wrong?

Wow really great one

love this effect so much