contrast()
The contrast() CSS function adjusts the contrast of the input image. Its result is a <filter-function>.
Syntax
contrast(amount)
Parameters
amount-
The contrast of the result, specified as a
<number>or a<percentage>. A value under100%decreases the contrast, while a value over100%increases it. A value of0%will create an image that is completely gray, while a value of100%leaves the input unchanged. The lacuna value for interpolation is1.
Examples
Setting contrast using numbers and percentages
contrast(0) /* Completely gray */
contrast(65%) /* 65% contrast */
contrast(1) /* No effect */
contrast(200%) /* Double contrast */
Specifications
| Specification |
|---|
| Filter Effects Module Level 2 # funcdef-filter-contrast |
Browser compatibility
BCD tables only load in the browser