MARKETPLACE
PLUGINS
BLUR EFFECT (FREE)
BLUR EFFECT (Free) logo

BLUR EFFECT (Free)

Published March 2020
   β€’    Updated today

Plugin details

Thank you for downloading our free version for blur effects.
####

πŸ’¬ INSTRUCTION:

β’ˆ Once our β€œPlug-In” has been downloaded, go directly to the β€œSettings” menu.

β’‰ Once in the β€œSettings” menu, go to β€œGeneral”.

β’Š Scroll down to β€œGeneral Appearance”.

β’‹ You will find the β€œFavicon”. Below it will indicate "Expose the option to add an ID attribute to HTML elements" with a checkbox.

β’Œ Check the box to the right of "Expose the option to add an ID attribute to HTML elements" then let the editor save your change.

⒍ After saving your modification, return to the editor (Design) and click on any element.

β’Ž At the very bottom of the elements you wish to modify, a new function called "Atribute ID" is available, here you will be able to indicate the name of the attribution which is available in our code.

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”
Assignment Name + Assignment Details.

(PS: You will need to copy/paste the title of the attribution into the "Atribute ID" field for this to work correctly)

–––––––––––––––––––––––––––––––––––––––––––––––– ––––

### ATTRIBUTION CODE:

#header-blured {
    -webkit-backdrop-filter: var(--blured-header-55); /* Safari */
    backdrop-filter: var(--blured-header-55); /* Chrome, Firefox, Opera, Edge */
}

#div-blured-25 {
    -webkit-backdrop-filter: var(--blured-div-1); /* Safari */
    backdrop-filter: var(--blured-div-1); /* Chrome, Firefox, Opera, Edge */
}

#div-blured-15 {
    -webkit-backdrop-filter: var(--blured-div-2); /* Safari */
    backdrop-filter: var(--blured-div-2); /* Chrome, Firefox, Opera, Edge */
}

#div-blured-10 {
    -webkit-backdrop-filter: var(--blured-div-3); /* Safari */
    backdrop-filter: var(--blured-div-3); /* Chrome, Firefox, Opera, Edge */
}

#div-blured-5 {
    -webkit-backdrop-filter: var(--blured-div-4); /* Safari */
    backdrop-filter: var(--blured-div-4); /* Chrome, Firefox, Opera, Edge */
}

Free

For everyone

1.6 stars   β€’   5 ratings
8.0K installs
This plugin may track or collect your data. Learn how.

Other actions

Platform

Web

Contributor details

SIDL CORPORATION logo
SIDL CORPORATION
Joined 2017   β€’   1 Plugin
View contributor profile

Instructions

πŸ’¬ INSTRUCTIONS:
β’ˆ Once our β€œPlug-In” has been downloaded, go directly to the β€œSettings” menu.

β’‰ Once in the β€œSettings” menu, go to β€œGeneral”.

β’Š Scroll down to β€œGeneral Appearance”.

β’‹ You will find the β€œFavicon”. Below it will indicate "Expose the option to add an ID attribute to HTML elements" with a checkbox.

β’Œ Check the box to the right of "Expose the option to add an ID attribute to HTML elements" then let the editor save your change.

⒍ After saving your modification, return to the editor (Design) and click on any element.

β’Ž At the very bottom of the elements you wish to modify, a new function called "Atribute ID" is available, here you will be able to indicate the name of the attribution which is available in our code.

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”
Assignment Name + Assignment Details.

(PS: You will need to copy/paste the title of the attribution into the "Atribute ID" field for this to work correctly)

–––––––––––––––––––––––––––––––––––––––––––––––– ––––

Data collection and tracking

This author has not yet disclosed their data usage policy. Learn more by contacting the author.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Web Scraping   β€’   Productivity   β€’   Data (things)   β€’   Containers

Resources

Support contact

Rating and reviews

Average rating (1.6)

Not Understandable
December 16th, 2025
You need to copy/paste the title of the attribution into the "Attribute ID" field for this to work correctly, huh? Well what IS the title of the attribute???
doesn't work on chrome
April 11th, 2024
Doesnt Work
March 23rd, 2024
Why make this plugin if it does not work? I followed the steps perfectly and it still refuses to appear in my elements list for me to add?
It's understandable that you might be frustrated if you followed all the steps correctly and the plugin still doesn't work as expected. Sometimes, despite our best efforts, problems may arise. However, I want to assure you that we take your comments seriously. We are currently working on a more comprehensive update of the plugin which will include new elements and revised instructions to ensure a better user experience. We understand how important it is for our plugin to work properly for you, and we are committed to resolving any issues you encounter. In the meantime, if you have any specific questions or concerns, please feel free to contact us directly for further assistance. We appreciate your patience and continued support as we work to improve our product to meet your needs. (plugin author)
March 23rd, 2024
  β€’  
SIDL CORPORATION
Doesn't work
April 22nd, 2021
Poor documentation and it does not work.
Hello, tell us more about the problem so that we can correct the problem? (plugin author)
May 5th, 2021
  β€’  
SIDL CORPORATION
Doesn't Work on Mozilla Firefox
October 31st, 2020
I installed this as my CSS for blur was not working on firefox to blur a group. This pllugin works on google chrome, but it doesn't work on FIrefox, which is where I was hoping it would solve my issue.
Hello. Thank you for your comment, we will correct the problem. Currently we have noticed that the plugin no longer works on Chrome, FireFox and Opera, whose problem comes from the Chromium engine. My we are going to update our plugin to add something new. Remember to follow the new instructions included in the plugin description. (plugin author)
January 3rd, 2021
  β€’  
SIDL CORPORATION
Bubble