Glass morphism & Blur Background

TRY DEMO HERE https://add-x-1.bubbleapps.io/version-test/blur_circle


Plugin has 3 actions:
1. 🔸Draw Blur Circle
2. 🔸Remove Blur Circle
3. 🔸Set Background blur

Let's break them down individually.

1. Draw Blur Circle
"Action" draws an element on the page with specified parameters.

There's an option to specify different sizes and positions for the mobile version, which is made for adaptability.

Furthermore, you'll need to assign new class to the element, enabling interaction with it or possibility to remove.

2. To remove Blur Circle you need to specify the class of the element that you indicated in "Draw Blur Circle" action.

3. Set Background blur

It adds a blur as a background for any element. You need to specify the element's ID and the blur size.

------------------------------------------------------------------------------

🕹️https://add-x-1.bubbleapps.io/version-test/blur_circle

🎓Video Tutorial: https://www.youtube.com/watch?v=bmT1oU_5L90&t=1s