这位网友你好,过滤器效果应该是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核心的浏览器,意义和过滤:灰色差不多,只是以不同的方式写什么。
。幻灯片口罩{
过滤:无
不透明度:无
}
几行和页黑白无所谓,它的作用应该是关注的焦点网站过滤器除去。