Making the text in input fields blurred out

Question

I'm wondering if this is possible or not. I have a timeout plugin in place so that if my user walks away form the computer a warning message comes down and then they can click anywhere to continue.

My issue is when the warning screen comes down the information that have entered in the input fields on the background page need to be obscured so if someone looks at the screen they wont be able to see what has been typed in.

I was thinking about blurring the info in the input fields using either css or jQuery. I have looked around the interwebs to see if anyone else has done this, but all I could find were blurring the edges of input fields.

Any help would be great!

Answer 1

here you go, the idea I mentioned in the comments: DEMO

var time=function(){
    $('input').css('color','transparent');
    $('p').html('click anywhere');
}
setTimeout(time,5000);
$(document).click(function(){
    $('input').css('color','black');
    $('p').html('Wait for 5 seconds');
    setTimeout(time,5000);
});