Blurry background image in group possible?

Questions
22

Hello could you pls share how you were able to do this , as I do not have access to this link anymore …it does not load in my browser. Thank you sir

23

This might help also: [PLUGIN] - Liquid Glass - Plugin builders - Bubble Forum

24

I just checked link, the editor is still accessible and available for everyone to view…check it again, and see if it works or not for you…if not, below is the code to use in an HTML element

image
image559×750 27 KB

25

For the benefit of people here’s the summary of the solution.

  1. You can put a css code (using html element) to solve this issue.
  2. This is the css code you can use.


<style>
 #blurdiv {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}
</style>
  1. To use this you can attach “ID attribute” to the element you want to blur and give the id that is used in this css code. In the code it is “blurdiv”, so you can use that, or you can assign some other ID of your choice.
  2. If there are multiple elements on a page that you want to blur out, you may prefer using it class method instead of ID. You can use classify plugin for that and then modify the css to be on class instead of ID
  3. “3px” mentioned in the CSS code indicates the level of blurring you want. You can increase its value if you want more blur, and vice versa.
  4. If you want the object to be blurred on a condition or button click etc, you can add/remove the ID from the element in those conditions or button clicks using conditionals and states if needed.