Text blur On Mouseover css3

h1 { float:left; font-size:100px; text-shadow:0 0 0 rgba(250, 0, 0, 1); -webkit-transition:text-shadow 0.5s; -moz-transition:text-shadow 0.5s;
-ms-transition:text-shadow 0.5s; -o-transition:text-shadow 0.5s; transition:text-shadow 0.5s; cursor:default; color:#F00; }
h1:hover { color:transparent; text-shadow:0 0 10px rgba(255, 255, 0, 0.6); -webkit-transition:text-shadow 0.9 ease-out;
-moz-transition:text-shadow 20.9 ease-out; -ms-transition:text-shadow 1.9 ease-out; -o-transition:text-shadow 1.9 ease-out;
transition:text-shadow 1.9 ease-out; }

<h1>T</h1>
<h1>E</h1>
<h1>X</h1>
<h1>T</h1>
<h1>� B</h1>
<h1>L</h1>
<h1>U</h1>
<h1>R</h1>

Tagged in:

• text blur css3
• blured text css3
• css3 text animation
• css3 tex