I followed the tutorial
here
to create a blur menu for my portfolio website.
However, I will need help in making sure that when one of these items in the menu is selected it stays unblurred, while the others are blurry to show the user what item he is currently browsing. I would also like the other items to become unblurred once the user mouses over them.
Just add a class to the active item, and style it the same as the hover. For extra fun, you can target the active item to display a little differently during the hover effects.
Here’s a fiddle example: http://jsfiddle.net/mobidevelop/LPrce/