jquery - css属性を変更しても機能しません

Question

みなさん、こんにちは！css属性を変更しても機能しません。助けてください！

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

これがhttp://jsfiddle.net/pZnWx/3/です

Answer 1

あなたは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;   
}