Shulou(Shulou.com)06/02 Report--

This article mainly explains "how css brightens the picture". Interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how css brightens the picture.

Css, you can use the filter attribute and the brightness () function to brighten the picture, the filter attribute is used to set the visual effect of the picture element, and the brightness of the picture can be adjusted with brightness (). The syntax is "picture element {filter:brightness (luminance value);}".

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

How does css brighten a picture?

You can brighten up a picture through the filter filter property, which defines the element (usually the

Visual effects (for example, blur and saturation).

When the property value is brightness, apply a linear multiplication to the picture to make it look brighter or darker. If the value is 0%, the image will be all black. If the value is 100%, the image does not change. Other values correspond to the linear multiplier effect. A value of more than 100% is also possible, and the image will be brighter than before. If there is no set value, the default is 1.

Examples are as follows:

Document .img1 {filter: brightness (200%);}

Output result:

At this point, I believe you have a deeper understanding of "how css brightens the picture". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.