CSS blur() Function
Example
img {
filter: blur(5px);
}
Meaning
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
blur(value)Browser Support
The numbers in the table specify the first browser version that fully supports the property.
Status
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:
- brightness()
- contrast()
- drop-shadow()
- grayscale()
- hue-rotate()
- invert()
- opacity()
- saturate()
- sepia()