webkit css过渡不起作用

我遇到了我的css过渡动画问题。我试图通过jquery动画变换。一切正常，但webkit浏览器。我不想用类来动画变换，我需要用jQuery来完成。这里的简化的代码：webkit css过渡不起作用

$(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(); 
     });

来源

2014-03-03 user2839873

你正在用css做这件事。 –

对不起，我用一步功能混淆了我的代码。我编辑的文本，以适应代码，使事情更清晰;） – user2839873

此线

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

应该是

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

在这一行

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

边距和不透明度是无用的（与c ode所示）

来源

2014-03-03 18:09:32 vals

谢谢，但这似乎并没有工作，我现在得到的旋转，但1秒的过渡不起作用。它只是改变没有动画的CSS – user2839873

webkit css过渡不起作用

回答

相关问题