I basically want UI elements to have lower opacity with certain camera areas blurred under the UI elements only to create a frosted glass effect.
Anyone know any solutions.
I tired using render features with render texture but I couldn’t get it working and seems way over my head.
Using render textures is indeed the way to do it. You need to get the camera content in a rendertexture, blur the part that’s under your UI, and use that blurred section as the backbround image of your VisualElements.
There are many ways to get the camera content in a render texture, which may differ depending on the graphics pipeline used. But an easy way to get started is to assign a render texture to your camera. You could also assign a blur postprocess to the camera to get the blurred content “for free”.
Note that this is a good way to test, but may not be the most efficient approach as you will probably need to render the scene twice. Using a different approach, such as “grabpass” in the bultin pipeline, or “_CameraOpaqueTexture” in URP, may lead to better performances.