css - Blur effect on the entire webpage

Question

I want that the unregistered users on my website, see the entire website's pages with a blur effect.

How can I create this blur effect with css ?

Answer 1

Try this...

body {
   filter:blur(3px);
}

You'll need to add -moz-, -webkit- prefixes (or use something like PrefixFree)