Размытый текст CSS

Сделать цвет текста прозрачным, но при этом добавить тень:

HTML

<p class="blur" style="text-align: center;">AllNesInfo.RU</p>

CSS

@import url(http://fonts.googleapis.com/css?family=Audiowide);
.blur {
   color: transparent;
   font-family: 'Audiowide';
   font-size:5em; 
   text-shadow: 0 0 5px rgba(0,0,0,0.7);
}
.blur:hover {
   color: rgba(0,0,0,0.6);
   text-shadow:1px 2px 5px rgba(0,0,0,0.5);
}