# How to blur background in Appfarm

**URL:** <https://community.appfarm.io/t/how-to-blur-background-in-appfarm/649>\
**Category:** Ask the community\
**Tags:** ui\
**Created:** [August 24, 2023, 8:07am UTC](https://community.appfarm.io/t/how-to-blur-background-in-appfarm/649 "2023-08-24T08:07:07Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Preben](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/preben/32/545_2.png) [@Preben](https://community.appfarm.io/u/Preben)\
**Post date:** [August 24, 2023, 8:07am UTC](https://community.appfarm.io/t/how-to-blur-background-in-appfarm/649/1 "2023-08-24T08:07:07Z")

</div>

Hi,

Is it possible to blur the background of a container og textbox in Appfarm? I want to blur the background to make the text in front more visible.

\ Preben

---

<div class="post-metadata">

**Author:** ![Shahitha](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/shahitha/32/66_2.png) [@Shahitha](https://community.appfarm.io/u/Shahitha)\
**Post date:** [August 24, 2023, 2:14pm UTC](https://community.appfarm.io/t/how-to-blur-background-in-appfarm/649/2 "2023-08-24T14:14:31Z")

</div>

Hi Preben,

There is sadly no straightforward way to make the background more blurry. However, assuming that the text you want to stay visible is in another Container than the rest, you could use the Opacity property in Conditional Styles to make the Container you want in the background more transparent.

Hope that helps!

---

<div class="post-metadata">

**Author:** ![kristian](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/kristian/32/58_2.png) [@kristian](https://community.appfarm.io/u/kristian)\
**Post date:** [August 24, 2023, 6:38pm UTC](https://community.appfarm.io/t/how-to-blur-background-in-appfarm/649/3 "2023-08-24T18:38:05Z")

</div>

…however, it might be that you may just add a blurred transparent png image as a backgroung image? I have not tried it, but according to my quick research, it seems that such png images exists. And Appfarm supports png as background image on containers!

---

<div class="post-metadata">

**Author:** ![Lavrans](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/lavrans/32/1460_2.png) [@Lavrans](https://community.appfarm.io/u/Lavrans)\
**Post date:** [August 29, 2023, 7:23am UTC](https://community.appfarm.io/t/how-to-blur-background-in-appfarm/649/4 "2023-08-29T07:23:26Z")

</div>

The ability to define blur radius would make more visual profiles possible to make in Appfarm. I would love to get that as a feature

---

<div class="post-metadata">

**Author:** ![kristian](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/kristian/32/58_2.png) [@kristian](https://community.appfarm.io/u/kristian)\
**Post date:** [August 29, 2023, 7:39am UTC](https://community.appfarm.io/t/how-to-blur-background-in-appfarm/649/5 "2023-08-29T07:39:44Z")

</div>

Registered! I believe you are refering to this functionality?

> **[blur() - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/blur)**
>
> The blur() CSS function applies a Gaussian blur to the input image. Its result is a .

---

<div class="post-metadata">

**Author:** ![Lavrans](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/lavrans/32/1460_2.png) [@Lavrans](https://community.appfarm.io/u/Lavrans)\
**Post date:** [August 29, 2023, 11:34am UTC](https://community.appfarm.io/t/how-to-blur-background-in-appfarm/649/6 "2023-08-29T11:34:12Z")

</div>

Yes, that’s exactly what I’m referencing!