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);
}
Edit this page on GitHub

Contributors

Interested in helping build Docs? Read the Contribution Guide or share your feedback.

Learn CSS on Codecademy

Edit this page on GitHub

Contributors