I've been attempting to achieve a frosted glass effect on a background, with a circular section unblurred. Unfortunately, my current implementation in the sandbox editor is not working as expected - the area of the circle remains blurred.
If you'd like to take a look at what I have so far, here is the link: https://codesandbox.io/s/frosted-glass-background-with-spotlight-fwdhd. Please note that the sandbox was created using vue 2, but it should be easy to replicate the issue in vanilla JS.
I believe using an HTML canvas tag might solve this problem, but I'm unsure about how to go about implementing it. Can anyone offer some guidance or assistance?