模糊＆amp;在悬停的Unblur背景

Question

我正在追求这种期望的效果here

我理解你将明确的背景（固定）放在模糊背景之上并应用鼠标悬停效果，但是知道已经在SO之前提出了这个问题。

任何想法如何实现效果？

Answer 1

书中最古老的JS技巧： - ）

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

注意javascript

http://codepen.io/damianocel/pen/yJEKYv

Answer 2

我建议您使用HashMap<Integer, Integer> rs=new HashMap<>(); int[] array = { 1, 1, 2, 3, 4, 5, 6, 7, 8, 8 }; for (int i = 0; i < array.length; i++) { for (int j = 0; j < array.length; j++) { if(array[i]==array[j] && i!=j){ rs.put(array[i], i); } } } System.out.println(rs); ，而不是通过复制图片（模糊和非模糊）来增加页面请求数量。

所以，例如：

filter: blur();

<强>资源

• Can I Use
• CSS3 Filter Property