Webkit CSS過渡不起作用

Question

我的CSS轉換動畫有問題。 我正在嘗試通過jquery動畫化轉換。 一切正常，但是webkit瀏覽器。 我不想使用類為轉換設置動畫，我需要使用jQuery。 這是簡化的代碼：

$(this).delay(i * 60).queue(function(next)
        {
            $(this).css({
                '-moz-transition': 'transform 1s',
                '-o-transition': 'transform 1s',
                '-webkit-transition': 'transform 1s',
                'transition': 'margin-top 1s,transform 1s,opacity 1s',
                '-moz-transform': 'rotateZ(100deg) rotateX(100deg)',
                '-o-transform': 'rotateZ(100deg) rotateX(100deg)',
                '-webkit-transform': 'rotateZ(100deg) rotateX(100deg)',
                'transform': 'rotateZ(100deg) rotateX(100deg)'
            });
            next();
        });

Answer 1

這條線

'-webkit-transition': 'transform 1s',

應該

'-webkit-transition': '-webkit-transform 1s',

在這條線

    'transition': 'margin-top 1s,transform 1s,opacity 1s',

頂部空白和不透明度是沒有用的（顯示代碼）