blur()

Published Jul 12, 2021Updated Oct 29, 2023
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);
}

css-filterfunctions-blur-example

All contributors

Looking to contribute?

Learn CSS on Codecademy