这位网友你好，过滤器效果应该是css3新加的属性动画效果，你最好是用chrome浏览器查看，如果再看不到效果，应该是你代码的问题。下面是个例子，你可以复制查看一下效果。
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>demo</title>
<script src="js/jquery-1.10.2.min.js"></script>
<style type="text/css">
*{
padding:0
margin:30px
}
.me{
width:60px
height:60px
background-color:red
}
#div {
-webkit-transition: all 3s linear 0s
-moz-transition: all 3s linear 0s
-ms-transition: all 3s linear 0s
-o-transition: all 3s linear 0s
transition: all 3s linear 0s
}
#div:hover { background-color: #93F }
</style>
</head>
<body>
<div class="me" id="div"></div>
</body>
</html>
主要发挥作用的样式过滤器以下两行：灰色
-webkit的过滤器：灰度（100％）
过滤器的意思过滤器，滤芯：灰色的意思是说一个灰色的滤光页，里面的所有内容的html变成黑色和白色。然而，这种过滤器是无效的chrome和safari浏览器，所以下面会有一排
-webkit的过滤器：灰度（100％）
这种风格是专为使用webkit核心的浏览器，意义和过滤：灰色差不多，只是以不同的方式写什么。
。幻灯片口罩{
过滤：无
不透明度：无
}
几行和页黑白无所谓，它的作用应该是关注的焦点网站过滤器除去。
