blur()

DanielWiegoldStannard's avatar
DanielWiegoldStannard's avatar
DanielWiegoldStannard
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

Contribute to Docs

Learn CSS on Codecademy