Text blur effect using CSS3

HTML
<center> <h1>Pass mouse cursor above me!</h1> <h1>I'm a blinded man!</h1> </center>
CSS
h1 { margin: 20% 0 0 0; color: transparent; text-shadow: 0 0 10px rgba(0, 0, 0, 0.6); font-size: 40px; -webkit-transition: text-shadow 1.9 ease-out; -moz-transition: text-shadow 1.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:hover { text-shadow: 0 0 0 rgba(0, 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; }
JAVASCRIPT
Expand for more options Login