我使用此代码模糊了一些图像
img {
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
}
图像的边缘也变得模糊了。是否可以模糊图像，同时保持边缘定义？像插入模糊或什么？
解决方法
您可以将其放在< div> with overflow：hidden;并设置< img>到margin：-5px -10px -10px -5px ;.
CSS
img {
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
margin: -5px -10px -10px -5px;
}
div {
overflow: hidden;
}
HTML
<div><img src="http://placekitten.com/300" /></div>
