在CSS3中，我们可以使用brightness()方法来实现亮度滤镜效果。亮度滤镜可以减弱或增强图片的亮度。

语法：

filter: brightness(百分比);

说明：

brightness()方法的取值是一个百分比，其中0%~100%表示减弱图片的亮度，例如0%就是完全黑色。100%以上表示增强图片的亮度，例如200%就是将亮度提高2倍。

举例：

在线测试
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        #after
        {
            filter:brightness(200%);
        }
    </style>
</head>
<body>
    <div id="before">
        <img src="img/princess.png" alt="">
    </div>
    <div id="after">
        <img src="img/princess.png" alt="">
    </div>
</body>
</html>

浏览器预览效果如下图所示。