css - 如何使用css去模糊图像

Question

我正在尝试取消模糊图像的文本，但我无法做到，下面是该图像的 css

img[Attributes Style] {
   width: 109px;
   height: 19px;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
}

<img src="https://dummyimage.com/300x300" width="109" height="19" 
style="vertical-align:top;" border="0">

打开检查器后我无法编辑那个 css 我试过 opacity :1 不工作

image

Answer 1

问题是不透明度不会使图像模糊。它用于调整图像的透明度。你应该使用的是 过滤器:模糊(1px)； -webkit-filter: blur(1px);

增加像素值会增加图像的模糊度，增加像素值会使图像更模糊