Text blur On Mouseover css3

by muthu 2014-02-01 11:48:44

Text blur On Mouseover css3

---------------------------------------------- DEMO ------------------------------------------------------
text_blur.jpg
---------------------------------------------- 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; }

---------------------------------------------- HTML5 -----------------------------------------------------
<h1>T</h1>
<h1>E</h1>
<h1>X</h1>
<h1>T</h1>
<h1>� B</h1>
<h1>L</h1>
<h1>U</h1>
<h1>R</h1>
850
like
0
dislike
0
mail
flag

You must LOGIN to add comments