I ♥ BLUR - Once again, I got distracted experimenting 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 text-fill-color to transparent and that gives your text a really nice smoky blur.
text-shadow: #fff 0 0 100px;
That’s it! And if you animate it, it get’s even sexier.
See the Demo (Chrome/Safari only)