<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> css的滤镜效果体验案例 </title>
<style type="text/css">
/*把图片变成黑白*/
/*a:link img {filter:grayscale(100%);}
a:hover img {filter:grayscale(10%);}*/
/*把图片变模糊*/
a:link img {filter:blur(10px);}
a:hover img {filter:blur(0px);}
</style>
</head>
<body>
<a href="#">![](图片路径)</a>
<a href="#">![](图片路径)</a>
<a href="#">![](图片路径)</a>
<a href="#">![](图片路径)</a>
</body>
</html>