Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I’ve mapped out this cool idea for my personal web page.
I essentially just want to blur out the <body> and everything in it.
And with mouse over — a circle takes place of the mouse, with the inner non-blurred.
Any simple JS / jQuery or CSS solutions?
It would be cool to easily toggle a zoom for within the circle; but can do without.
(Similar to this photo: http://medialoot.com/images/thumbs/640x440x1_Parallax_Wordpress_Theme_Preview31.jpg )
Just a couple ideas:
This Fiddle does something like you’re suggesting:
http://jsfiddle.net/jamygolden/CGFBT/2/light/
You would have to modify the hover effect so it only un-blurs the element beneath your mouse.
For images, you could make a sprite for every image that includes a blurred and focused version that flip-flop when you hover.