我已经为我的个人网页制定了这个很酷的想法。
我基本上只是想模糊其中的<body>一切。
鼠标悬停 - 鼠标出现一个圆圈，内部不模糊。
任何简单的 JS / jQuery 或 CSS 解决方案？
在圆圈内轻松切换缩放会很酷；但可以没有。
（类似于这张照片： http: //medialoot.com/images/thumbs/640x440x1_Parallax_Wordpress_Theme_Preview31.jpg）
问问题
1535 次
2 回答
1
只是几个想法：
这个小提琴做了你建议的事情：http: //jsfiddle.net/jamygolden/CGFBT/2/light/
您必须修改悬停效果，使其仅使鼠标下方的元素不模糊。
对于图像，您可以为每个图像制作一个精灵，其中包括一个模糊和聚焦的版本，当您悬停时会翻转。
于 2012-06-27T14:29:55.950 回答
0
之前这里有几个关于这个的话题，简短的回答是“不，不容易，即使是艰难的方式也不太可能达到你在 100% 之后的效果”。我认为鼠标悬停部分将是痛苦的部分。
整个网页的模糊效果 这个有一些不错的链接
于 2012-06-27T14:29:04.863 回答