brightness()

Defines the brightness or darkness of an element.

Syntax

filter: brightness(<value>);

where a required <value> can be one of the following:

• Number value: 0, 1.4
• Percentage value: 100%, 50%

Example 1

Give the image a brightness of 125%:

.banner-image {
  filter: brightness(125%);
}