New Check out the curated list of the finest design resources I've gathered for you! Take a look →

Blur Filter

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
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