description & Usage
The backdrop-filter property is used to create a graphic effect in the background of a tag.
Informations
| # | Description |
|---|---|
| Default Value | none |
| Inherited | no |
| Animatable | no |
| Version | CSS3 |
| JavaScript syntax | object.style.backdropFilter="grayscale(100%)" |
Browser compatibility and Support
The numbers inserted in the browser fields indicate the version that supports the backdrop-filter property.
| # | Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| backdrop-filter |
Syntax
Values
| Values | Description |
|---|---|
| none | No background filter will be applied. |
| filter | Filters are often denoted by svg. |
| initial | Adds this value to its default property. |
| inherit | It inherits this value from its parent tag. |
Related Pages
CSS Reference: The filter property
CSS tutorial: CSS images
HTML DOM Reference: Filter property
