Search for jQuery plugin that can blur / hide text

Question

I am trying to find out if there is a jQuery plugin that can have the effect of literally blurring elements on the page, so the user cannot read them. This is a flash card application that I create, and I want to be able to hide the response section on the card, making it unfocused, as if you were looking at it through a blurry window, possibly with some kind of overlap. There are so many plugins and effects in jQuery on which I put one as it exists, however search by “jQuery blur effect”, etc. predictably showed results related to slide effects, not what I'm looking for. Has anyone heard of a plugin that can do something like this?

Answer 1

I had to implement something like this. I just used transparent PNG (well, obviously most of PNG was NOT transparent) with small pockets of transparency. It is enough that the user can get a hint of the text, but actually did not see it. Not really a blur - more like what an Outburst board game does before putting a card behind a red decoder. I just set the background image of the overlay div to PNG and resized accordingly.

Answer 2

You can do this with CSS3:

    #hidden {
    color: transparent;
    text-shadow: #6374AB 0px 0px 20px;
}

: WebKit. - : -, CSS

Answer 3

? png, "" , . / div , .

Answer 4

, css3 : http://css-tricks.com/9053-fun-with-blurred-text/