I’m trying to find out if there is a jQuery plugin that can has the effect of literally blurring elements on a page, so a user can’t read them. It’s for a flashcard application I’m building, and I want to be able to hide the answer section of a card, making it appear unfocused as if you were looking at it through a blurry window, perhaps with some sort of overlay. jQuery has so many plugins and effects that I bet one like this exists, however googling for “jQuery blur effect” and the like predictably turned up results related to slide effects rather than what I’m looking for. Has anyone heard of a plugin that can do something like this?
Share
I have had to implement something similar to this. I just used a transparent PNG (well, obviously most of the PNG was NOT transparent) with little pockets of transparency. Just enough so the user could get a hint of the text, but not really see it. Not really a blur – more like what the board game Outburst does before you put the card behind the red decoder thing. I just set the background image of an overlay div to the PNG and resize accordingly.