一张图片虚化后怎么在显示

如果想要将一张虚化的图片显示出来，可以将图片的 `filter` 属性的值设置为 `none`。以下是一个示例代码：

<div class="image-container">
  <img src="path/to/image.jpg" alt="Image" class="blurry">
  <button class="show-button">Show Image</button>
</div>

.image-container {
  position: relative;
  width: 500px;
  height: 500px;
}

.image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(10px);
}

.image-container img:not(.blurry) {
  filter: none;
}

.show-button {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 20px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
}

.show-button:hover {
  background-color: #000;
  color: #fff;
}

上述代码中，`<img>` 元素的 `filter` 属性被设置为 `blur(10px)`，使图片产生虚化效果。同时，一个按钮被添加到了容器内，用于在点击后显示原本的图片。当按钮被点击时，JavaScript 代码可以将 `<img>` 元素的 `class` 属性变更为 `blurry` 以外的值，从而使图片的虚化效果消失，原本的图片得以显示。

需要注意的是，上述代码只是一个示例，实际使用时需要根据具体需求进行更改。