Apply customizable blur effects to elements/groups, with options for glassmorphism and simple blur. Control the effect's intensity dynamically, disable it as needed, and use plugin states to alter the blur's behavior based on different conditions.
MAIN FEATURES ➡️ Blur Effect Options: Apply glassmorphism or simple blur effects to elements. ➡️ Dynamic Intensity Control: Adjust the intensity of the blur effect in real-time. ➡️ Disable Blur: Easily turn off the blur effect when needed. ➡️ Plugin States: Utilize plugin states to dynamically change blur behavior.
*Additional Feature: It also applies to Repeating Groups and those elements which are hidden on page load and made visible with a condition/workflow. You can also dynamically control the blur effect in real-time.*
1. Search for frosty_blur in the elements panel and place it on the page. (Do not hide this element)
2. Set the id for the groups/elements on which you want to apply effect. (If you haven't exposed id attributes yet, go to app settings, under 'General' tab, check 'Advanced options' at the bottom and tick the checkbox, "expose the option to add an id attribute") 3. Now enter the same id inside the plugin's input field, "Element ID". 4. Customize other options as per your need.
*You can change the behavior of the effect by setting conditions in the plugin's state.
Types
This plugin can be found under the following types:
Built on Bubble
Powered by CoAlias