CSS brightness() Function
Example
img {
filter: brightness(1.75);
}
Meaning
The brightness() css function defines visual effects (brightness effects) to an element.
Adjusts the brightness of the image.
- 0% will make the image completely black.
- 100% (1) is default and represents the original image.
- Values over 100% will provide brighter results.
Version: CSS3
Standard Syntax
brightness(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 brightness of the result, specified as a number or a percentage.
A value under 100% darkens the image, while a value over 100% brightens it. A value of 0% will create an image that is completely black, while a value of 100% leaves the input unchanged. Default value is 1. |
See also
The other <filter-function> functions available to be used in values of the filter and backdrop-filter properties include: