我已经为我的个人网页制定了这个很酷的想法。
我基本上只是想模糊掉 <body>
以及其中的一切。
鼠标悬停时——一个圆圈代替鼠标,内部不模糊。
任何简单的 JS/jQuery 或 CSS 解决方案?
在圆圈内轻松切换缩放会很酷;但没有也行。
(类似于这张照片:http://medialoot.com/images/thumbs/640x440x1_Parallax_Wordpress_Theme_Preview31.jpg)
最佳答案
只是几个想法:
This Fiddle 会按照您的建议进行操作: http://jsfiddle.net/jamygolden/CGFBT/2/light/
您必须修改悬停效果,以便它只会消除鼠标下方的元素的模糊效果。
对于图像,您可以为每张图像制作一个 sprite,其中包含一个模糊且聚焦的版本,当您将鼠标悬停时该版本会翻转。
关于javascript - 模糊整个页面 - 鼠标悬停显示内部非模糊的圆圈,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11228399/