图片模糊HTML代码

 

<html>
<head>
<style type="text/css">
.bg-blur {
float: left;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}
</style>
</head>
<body>
<img src="http://img4.imgtn.bdimg.com/it/u=2576138561,591475829&fm=27&gp=0.jpg" />
<img class="bg-blur" src="http://img4.imgtn.bdimg.com/it/u=2576138561,591475829&fm=27&gp=0.jpg" />

</body>
</html>

posted @ 2017-09-13 12:50  两年十一时  阅读(1278)  评论(0编辑  收藏  举报