blur()

Defines the blur radius of an element.

Syntax

filter: blur(radius);

where a required radius is a length value: 0, 20px, 2.4em

Example 1

Give the image a blur radius of 4px:

.banner-image {
  filter: blur(4px);
}