Javascript 悬停时模糊和取消模糊背景

我追求这个理想的效果

我的理解是，你将清晰的背景固定在模糊的背景之上，并应用鼠标悬停效果，然而knowone已经这样做了，所以以前问过这个问题

---

有什么想法可以实现这个效果吗

书中最古老的JS技巧：-

.trail { /* className for the trail elements */
 position: absolute;
 height: 6px; width: 6px;
 border-radius: 3px;
 background: teal;
}

请注意javascript

我建议使用过滤器：模糊；为此，不要通过复制模糊和非模糊图像来增加页面请求量

例如：

.blur-unblur-background-on-hover {
  background: #101010 url('https://www.unsplash.it/612') no-repeat;
}

.blur-unblur-background-on-hover:hover {
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

资源

---

欢迎来到堆栈溢出！你能分享一下你到目前为止试过的代码吗？你能从你链接的网站上的代码中收集到什么吗？请记住，我们愿意提供帮助，但我们不是编码服务这是一个画布，相当cpu密集的代码