I ♥ BLUR - A text blur demo with CSS3. ;-) So far I just knew how to make text look blurry by adding a lot of text-shadows like in this example by David. But it’s more a glow, because the text still stays in front. But what if you wanna turn text into smoke? Luckily you can set the color to transparent and then you only see the text-shadow alone.

color: transparent;
text-shadow: #fff 0 0 100px;

That’s it! And if you animate it, it looks pretty cool.

See the Demo →