Question

Possible Duplicate:
Animate element transform rotate

When I try to animate the rotation of images in my page using jquery, it’s could not understand css property “-webkit-transform” for element, what’s wrong?

javascript code:

$("body").toggle(
function(){
    $("img").animate(
        {
        opacity:0.5,
        "-webkit-transform":"rotate(180deg)"
        },1000,function(){
            //some function
        }
    );
},
function(){
    $("img").animate(
        {
        opacity:1,
        webkitTransform:"rotate(-180deg)"
        },1000,function(){
            //some function
        }
    );

});

});

Answer 1

jQuery animate method doesn’t recognize webkit transform property, you can use jQuery plugins that support this feature, try jQuery Transit.