YouTip

### Example Change all images to black and white (100% grayscale): img { -webkit-filter: grayscale(100%);/* Chrome, Safari, Opera */ filter: grayscale(100%); } [Try it »](#) * * * ## Definition and Usage The filter property defines the visual effect of an element (usually ), such as blur and saturation. | Default value: | none | | --- | | Inherits: | no | | Animation support: | Yes. See (#) for details | | Version: | CSS3 | | JavaScript syntax: | _object_.style.WebkitFilter="grayscale(100%)" [Try it »](#) | * * * ## Browser Support The numbers in the table indicate the first browser version that supports the method. The -webkit- prefix following the number is for browser-specific prefixes. | Property | | | | | | | --- | --- | --- | --- | --- | --- | | filter | 18.0 -webkit- | 13.0 | 35.0 | 6.0 -webkit- | 15.0 -webkit- | **Note:** The non-standard "filter" property supported by older