blur() CSS Function
Description
The blur() CSS function sets the Gaussian blur of images, background images, or text. Blur cannot be directly applied to the
Syntax
blur() = blur( <length>? )
Values
- lengthIt 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 image unchanged.
Example
<img class="blur-me" src="images/nature.jpg" alt="Blur Example">.blur-me {
filter: blur(5px);
}Browser Support
| Desktop | |||||
 |
 |
 |
 |
 |
 |
| X | 12 | 53 | 35 | 40 | 9.1 |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| 53 | 53 | 35 | 41 | 9.3 | 6.0 |
Last updated by CSSPortal on: 1st December 2019