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;   
}