blur()

Published Jul 12, 2021Updated Sep 3, 2021
Contribute to Docs

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);
}

All contributors

Looking to contribute?

Learn CSS on Codecademy