Add blur in CSS to text

To obtain a blurry text effect with CSS, simply apply a text shadow and make the color transparant.

This should be your CSS:

h1.blurred {
	color: transparent;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

And this your HTML code:

<h1 class="blurred">This is blurred text!</h1>

Ultimately, you should see something like this:

Text blur in CSS

Thomas' Miniblog