小编给大家分享一下html代码让照片变模糊的方法，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！
创新互联2013年至今，是专业互联网技术服务公司，拥有项目成都网站建设、成都网站设计网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元东至做网站,已为上家服务,为东至各地企业和个人服务,联系电话:18982081108
在html中可以使用filter属性和blur()函数来让照片变模糊，只需要给img照片添加“filter: blur(px);”代码样式即可。filter属性用于定义图片元素的可视效果，设置值为“blur(值)”时可以给图像设置高斯模糊。
在HTML中，可以使用filter 属性，设置值为“blur(px)”来让照片变模糊。
css filter 属性
filter 属性定义了元素(通常是![]()
)的可视效果(例如：模糊与饱和度)。
blur(px)：给图像设置高斯模糊。"radius"一值设定高斯函数的标准差，或者是屏幕上以多少像素融在一起， 所以值越大越模糊；如果没有设定值，则默认是0；这个参数可设置css长度值，但不接受百分比值。
示例：
body,
html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.container {
padding: 20px;
position: relative;
overflow: hidden;
}
img {
height: 200px;
transition: .5s ease-in-out;
}
.container div {
width: 300px;
overflow: hidden;
float: left;
margin-left: 40px;
}
.blur img {
filter: blur(15px);
-webkit-filter: blur(15px);
}
.blur img:hover {
filter: blur(0);
-webkit-filter: blur(0);
}
