# Is it possible to create a 3D Widget that has a blurred or opaque background

**URL:** <https://forums.unrealengine.com/t/is-it-possible-to-create-a-3d-widget-that-has-a-blurred-or-opaque-background/592622>\
**Category:** World Creation\
**Tags:** World-Building, unreal-engine, UE5-0, question\
**Created:** [June 28, 2022, 3:23pm UTC](https://forums.unrealengine.com/t/is-it-possible-to-create-a-3d-widget-that-has-a-blurred-or-opaque-background/592622 "2022-06-28T15:23:12Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![BigBrownDoc](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@BigBrownDoc](https://forums.unrealengine.com/u/BigBrownDoc)\
**Post date:** [June 28, 2022, 3:23pm UTC](https://forums.unrealengine.com/t/is-it-possible-to-create-a-3d-widget-that-has-a-blurred-or-opaque-background/592622/1 "2022-06-28T15:23:12Z")

</div>

I’ve been trying to create a 3D widget for my world, and I was going for a design similar to Apple’s iOS Widgets where there its transparent yet blurred with the background. I’ve tried doing that by making a widget that has a blurred background and using that as a 3D widget but that doesn’t seem to work as the widget just gets a black background. Even when I change the Blend Mode from “Masked” to “Opaque” or “Transparent” nothing happens. I was wondering if its possible to create a 3D widget like that, and if so, how?

---

<div class="post-metadata">

**Author:** ![Everynone](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/everynone/32/1135017_2.png) [@Everynone](https://forums.unrealengine.com/u/Everynone)\
**Post date:** [June 28, 2022, 3:36pm UTC](https://forums.unrealengine.com/t/is-it-possible-to-create-a-3d-widget-that-has-a-blurred-or-opaque-background/592622/2 "2022-06-28T15:36:40Z")

</div>

Transparency is supported for widget components, blurred background works only in screen space mode, though.

---

<div class="post-metadata">

**Author:** ![BigBrownDoc](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@BigBrownDoc](https://forums.unrealengine.com/u/BigBrownDoc)\
**Post date:** [July 4, 2022, 4:25pm UTC](https://forums.unrealengine.com/t/is-it-possible-to-create-a-3d-widget-that-has-a-blurred-or-opaque-background/592622/3 "2022-07-04T16:25:29Z")

</div>

Sorry, I’m not sure what you mean in Screen Space mode, like when you play the game in Standalone Game mode?

---

<div class="post-metadata">

**Author:** ![Everynone](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/everynone/32/1135017_2.png) [@Everynone](https://forums.unrealengine.com/u/Everynone)\
**Post date:** [July 4, 2022, 4:30pm UTC](https://forums.unrealengine.com/t/is-it-possible-to-create-a-3d-widget-that-has-a-blurred-or-opaque-background/592622/4 "2022-07-04T16:30:53Z")

</div>

![image](https://d3kjluh73b9h9o.cloudfront.net/original/4X/3/5/5/3556c1fb4577d2432d8cdf87bf6849ad46811a59.png)

Those 2.

Widget can live in Screen Space - they’re 2d. Or be rendered on a piece of geometry, live in World Space.

The Screen Space widget can blur:

The 3d World Space widget cannot. There’s a good post somewhere on the forums from an Epic tech, explaining the details.

---

<div class="post-metadata">

**Author:** ![BigBrownDoc](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@BigBrownDoc](https://forums.unrealengine.com/u/BigBrownDoc)\
**Post date:** [July 5, 2022, 4:07pm UTC](https://forums.unrealengine.com/t/is-it-possible-to-create-a-3d-widget-that-has-a-blurred-or-opaque-background/592622/5 "2022-07-05T16:07:09Z")

</div>

I see, that makes a lot of sense now, so if I want the widget to be displayed in World Space or essentially by 3D, they can’t have a blurred background

---

<div class="post-metadata">

**Author:** ![Everynone](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/everynone/32/1135017_2.png) [@Everynone](https://forums.unrealengine.com/u/Everynone)\
**Post date:** [July 5, 2022, 4:15pm UTC](https://forums.unrealengine.com/t/is-it-possible-to-create-a-3d-widget-that-has-a-blurred-or-opaque-background/592622/6 "2022-07-05T16:15:02Z")

</div>

I wonder if it can be done with a retainer, I’ll have a look.
