2012-06-27 55 views
1

我已經爲我的個人網頁制定了這個很酷的想法。模糊整個頁面 - 鼠標懸停顯示內部非模糊的圈子

我基本上只是想模糊<body>和它的一切。

鼠標懸停 - 圓圈代替鼠標,內部不模糊。

任何簡單的JS/jQuery或CSS解決方案?

很容易在圓內切換縮放;但是可以沒有。

(該照片類似:http://medialoot.com/images/thumbs/640x440x1_Parallax_Wordpress_Theme_Preview31.jpg

+1

這是一個很酷的效果。祝你好運! –

+1

快速問題:你谷歌多久了/你有沒有谷歌? – jakee

+0

Hrm,或許不是完全重複的(循環事物)。儘管如此,不能退出關閉,對不起! –

回答

1

只是一對夫婦的想法:

這小提琴確實像你所建議的: http://jsfiddle.net/jamygolden/CGFBT/2/light/

你將不得不修改懸停效果,這樣它只會取消模糊鼠標下方的元素。

對於圖像,您可以爲每個圖像創建一個精靈,其中包含模糊且集中的版本,當您懸停時,該圖像會發生翻轉。