图片模糊HTML代码

最新推荐文章于 2021-06-09 21:15:11 发布

weixin_30575309

最新推荐文章于 2021-06-09 21:15:11 发布

阅读量445

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/justdba/p/7514354.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" />