CSS Blur filter enables the manipulation of images by adding a blur effect. Here is a blur filter generator that can assist you in visualizing how the blur filter works within a website.
![Image Demo](https://cdn.pixabay.com/photo/2023/11/06/06/50/parrot-8368951_960_720.png)
Click the field above to copy to the clipboard.
How to Create a CSS Blur Filter with the Generator
#1. Inside the above form, you’ll find two fields to create a blur filter. You can copy and paste the image URL into the filter generator form and also use the slider left and right to achieve the desired blur effect.
#2. Simply click the result field, and it will automatically be copied to your clipboard.
#3. Demo
![CSS Blur Filter Generator CSS Blur Filter Generator](https://rizwanaritonang.com/wp-content/uploads/2023/12/css-blur-filter-generator.gif)