Instructions to Use the "Blurred Elements" Plugin
Install the Plugin in Your Bubble App

Open your Bubble app editor.

Navigate to the Plugins tab.

Click on Add Plugins and search for "Blurred Elements"

Install the plugin into your app.


Use the BlurElements Element on Page Load

Place the BlurredElements element on your page. You can find it in the Visual Elements section of the Bubble editor.

Assign a unique ID to the element you want to blur.

Pass the element's ID, the desired blur strength (e.g., 8px), and the duration of the effect (e.g., 3s) to the BlurElements element settings.


Apply Blur Using Actions

Place the BlurredElements element on the page.

Use the apply_blur action of BlurredElements to apply the blur effect to a specific element.

Use the remove_blur action of BlurredElements to remove the blur effect

(You can apply blur either by using the element or through actions, depending on your specific scenario.)