# Blur Code Example only works with the full DIV of the widget

**URL:** <https://forum.readymag.com/t/blur-code-example-only-works-with-the-full-div-of-the-widget/345>\
**Category:** General topics\
**Created:** [June 12, 2022, 7:54pm UTC](https://forum.readymag.com/t/blur-code-example-only-works-with-the-full-div-of-the-widget/345 "2022-06-12T19:54:44Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![About\_Studio](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/about_studio/32/104_2.png) [@About\_Studio](https://forum.readymag.com/u/About_Studio)\
**Post date:** [June 12, 2022, 7:54pm UTC](https://forum.readymag.com/t/blur-code-example-only-works-with-the-full-div-of-the-widget/345/1 "2022-06-12T19:54:44Z")

</div>

Hi! I wanted to use the Blud Code provided as example for a circle shape, but I get it only works with the full DIV contener, resulting an square sahped blur. Is there anyway to solve this?

---

<div class="post-metadata">

**Author:** ![HEADLESS.HORSE](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/headless.horse/32/144_2.png) [@HEADLESS.HORSE](https://forum.readymag.com/u/HEADLESS.HORSE)\
**Post date:** [June 13, 2022, 1:30pm UTC](https://forum.readymag.com/t/blur-code-example-only-works-with-the-full-div-of-the-widget/345/2 "2022-06-13T13:30:35Z")

</div>

@About_Studio I think this is due to the CSS property ‘backdrop-filter’, I suggest using just ‘filter’.

```auto
[data-id="PASTE WIDEGET ID HERE"] {
  filter: blur(3px);
}

```

---

<div class="post-metadata">

**Author:** ![officialcsi](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/officialcsi/32/225_2.png) [@officialcsi](https://forum.readymag.com/u/officialcsi)\
**Post date:** [June 14, 2022, 7:44pm UTC](https://forum.readymag.com/t/blur-code-example-only-works-with-the-full-div-of-the-widget/345/3 "2022-06-14T19:44:49Z")

</div>

See separate answer here: [Blur Effect - #7 by officialcsi](https://forum.readymag.com/t/blur-effect/76/7)