html怎么让图片变亮-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

在html中，可以通过filter属性来让图片变亮，只需要给图片元素添加“filter:brightness(%值)”样式即可。filter属性设置brightness()函数可调整图像的亮度，当该函数的值超过“100%”时，会让图片更亮。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在html中，可以通过filter属性来让图片变亮。下面我们通过示例来了解一下实现方法：

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="utf-8">
        <style>
            .img1 {
                -webkit-filter: brightness(50%);
                /* Chrome, Safari, Opera */
                filter: brightness(50%);
            }
            .img2 {
                -webkit-filter: brightness(120%);
                /* Chrome, Safari, Opera */
                filter: brightness(120%);
            }
        </style>
    </head>
 
    <body>
        <p>原图:</p>
        <img src="img/1.jpg" alt="Pineapple" width="300">
        <p>filter属性控制图片的亮度:</p>
 
        <img class="img1" src="img/1.jpg" alt="Pineapple" width="300">
        <img class="img2" src="img/1.jpg" alt="Pineapple" width="300">
 
 
    </body>
 
</html>