Bagaimana cara membuat efek blur pada text menggunakan css dan html5?

Caranya sangat sederhana, disini saya akan membuat efek tersebut saat mouse hover, contoh konsep seperti gambar cover artikel ini.

Rule cssnya sangat simpel, menggunakan properti text-shadow dan color: transparent seperti di bawah ini :

.blurtext:hover{
    color:transparent;
    text-shadow: 0 0 5px rgba(102,102,102,.8);
}

Simpel bukan, anda bisa melihat contoh previewnya atau mendownload untuk mempelajarinya.

Preview