jquery - Doesn't work change the css attribute -

all, hello! doesn't work change css attribute. help, please!

$('#container_logo p').hover(         function(){             $(this).animate(             {                 text-shadow: "#363535 10px 10px 10px"             },             5000);         },         function(){             $(this).animate(             {                 text-shadow: "#363535 1px 1px 1px"             },             5000);     }); 

here http://jsfiddle.net/pznwx/3/

you try css

#container_logo p {     -webkit-transition:text-shadow 5s ease-in-out;     -moz-transition:text-shadow 5s ease-in-out;     -o-transition:text-shadow 5s ease-in-out;     -ms-transition:text-shadow 5s ease-in-out;     transition:text-shadow 5s ease-in-out;          text-shadow:#363535 1px 1px 1px;    }  #container_logo p:hover {     text-shadow:#363535 10px 10px 10px;    }