<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>LvJing</title>
<style>
a:link img{
overflow-y:scroll;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}
a:hover img{
overflow-y:scroll;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(0%);
}
</style>
</head>
<body >
<img style = "-webkit-filter: grayscale(100%)"src = "img/1.jpg" width = "200px">
<img src = "img/2.jpg" width = "200px"/>
<img src = "img/3.jpg" width = "200px"/>
<img src = "img/4.jpg" width = "200px"/>
<img src = "img/5.jpg" width = "200px"/>
<img src = "img/6.jpg" width = "200px"/>
<a href = "#"><img src = "img/1.jpg"/></a>
<a href = "#"><img src = "img/2.jpg"/></a>
<a href = "#"><img src = "img/3.jpg"/></a>
<a href = "#"><img src = "img/4.jpg"/></a>
<a href = "#"><img src = "img/5.jpg"/></a>
<a href = "#"><img src = "img/6.jpg"/></a>
</body>
</html>
css之初识滤镜
最新推荐文章于 2024-09-29 21:22:01 发布