Installation & Usage Instructions
1- Add the Plugin Element (Optional but Recommended for ID Management): In your Bubble editor, you don't strictly "insert" a visible plugin element for this blur. Instead, you will apply the effect to existing visual elements (like Groups, Popups, Images, etc.) by referencing their ID Attribute.

To get an ID: Select any visual element on your page in Bubble's editor. In its property editor, scroll down and check the box "Expose as an ID attribute" (you might need to enable "Expose the option to add an ID attribute to HTML elements" in your app's general settings first). Then, enter a unique ID (e.g., myBlurredHeader) into the "ID Attribute" field.

2- Apply the Blur Effect: Go to your Bubble workflow tab.

To apply blur: Use the "Run an action" step. Search for your plugin's action (it will be named whatever you called the action that applies the blur, e.g., "Apply Blur Effect").
ID of element: Enter the unique ID you set for your element (e.g., myBlurredHeader).
Blur value in px: Set the desired blur intensity (e.g., 10 for a moderate blur).
Transition time (optional): Specify how long the blur effect should take to appear in seconds (e.g., 0.5).

3- Remove the Blur Effect: When you want to remove the blur from an element, perhaps when a popup closes or a condition changes:

To remove blur: Use another "Run an action" step in your workflow. Search for your plugin's action designed for removal (e.g., "Remove Blur Effect").
ID of element: Enter the same unique ID of the element you previously blurred (e.g., myBlurredHeader).
Transition time (optional): Specify how long the blur effect should take to disappear in seconds (e.g., 0.3). If left empty or 0, it will remove instantly.