As a Roblox developer, it is currently impossible to be able to blur images (UI related) and to use UI elements that blur anything that is behind it.
Allow me to elaborate on what I mean. I am asking for two features: Image Blur and UI Blur. I strongly believe UIs need more attention. They need to be able to create things that CSS elements can. Right now, there is no way to blur an image that is part of the UI.
This is currently not possible.
It is also not possible to create something like this in Roblox:
Notice how the rounded rectangle at the bottom right blurs everything behind it.
Potential Creations (Use Cases)
If this issue is addressed, it would improve my development experience because it would allow me to create significantly better UIs. For example, if there is text on top of an image, it might not be readable unless the image is manipulated:
As you can see, being able to blur an image can make UIs a lot better.
Even with the same transparency, the “UI” to the right is a lot more readable and is a lot more professional.
Additionally, adding two properties (simply called “Image Blur” and “UI Blur”) which can be customized would also be great! (i.e. developers can set how strong the blur is).
If the UI blurring is tampering with performance, that can simply be handled via graphics settings (almost like how the sun rays effect does not render until the quality is set to almost max). Mobile devices especially can simply choose to not render this.
Operating Systems That Use This Effect
You can find examples down here.
I am requesting two features: Image Blur and UI Blur. Both, if added, can pave way for a brand new style of UIs that are both simple and readable. Not only would this improve UX (user experience), but UI artists have a broader palette of choices.
I truly hope that this gets added to our UIs.