Glowing blur in css

Question

How do we add blackish blur effect in css? I have a piece of text in a div and a background image. I want to blur only the text background.

Image

I want to add blur effect only behind Mickey and Minnie .
Here is the code : http://jsfiddle.net/s5jyoo73/

Possible Duplicate of : How can I make a CSS glass/blur effect work for an overlay?

Answer 1

You can use CSS3 text-shadow.

Apply text-shadow: 0 0 10px #000000; to <h1> and change the backgound color of <header> to see the changes

Answer 2

Try to add:

h1 {
  font-family: sans-serif;
  -webkit-filter: blur(3px); 
  -moz-filter: blur(3px); 
  -o-filter: blur(3px); 
  -ms-filter: blur(3px); 
   filter: blur(3px);
}