在CSS3中，如果想要为某个元素同时定义多种滤镜效果，我们可以将filter属性的取值设置为一个“值列表”的形式来实现。

语法：

filter: 值列表;

说明：

在值列表中，两个值之间需要用空格隔开。

举例：

在线测试
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
    body{margin:100px;}
        #after
        {
            filter:brightness(120%) contrast(200%) blur(1px);
        }
    </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>

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

分析：

在这个例子中，我们为div元素同时设置了亮度、对比度以及模糊度3种滤镜效果。