CSS blur() Function

❮ Previous Functions Next ❯


img {
  filter: blur(5px);


The blur() css function Applies a blur effect to the image. A larger value will create more blur.

Note: If no value is specified, 0 is used.

Version: CSS3

Standard Syntax


Browser Support

The numbers in the table specify the first browser version that fully supports the property.


Function Arguments

The following table describes the arguments of this function.

Argument Description
value The radius of the blur, specified as a length. It defines the value of the standard deviation to the Gaussian function, i.e., how many pixels on the screen blend into each other; thus, a larger value will create more blur. A value of 0 leaves the input unchanged. The initial value for interpolation is 0.

See also

The other <filter-function> functions available to be used in values of the filter and backdrop-filter properties include:

❮ Previous Functions Next ❯