jquery - CSS3用scaleX和scaleY设置动画吗？

好吧，在这里我想要什么，我需要扩展和移动！一个对象在同一时间，现在我有这样的事情：

element.addClass('scale').animate({
     top:  pxToMove.top+"px",
     left: pxToMove.left+"px"
},1000});

比例尺类如下：

-webkit-transform: scaleX(1.8) scaleY(1.8);
-o-transform: scaleX(1.8) scaleY(1.8);
-moz-transform: scaleX(1.8) scaleY(1.8);
transform: scaleX(1.8) scaleY(1.8);

因此，首先发生缩放，然后对象移动，如何同时执行它们？

最佳答案

腾出时间重新发明轮子，并利用已经编写的库； jQuery transit。您几乎可以对CSS3进行任何属性的动画设置！ :-)

就像这样简单：

element.transition({top: pxToMove.top, left: pxToMove.left, scale:1.8}, 1000);

当然，如果您要在网站上制作很多动画，这也适用；仅将其中一个动画包括在该库中就太过致命了。但是从今天的站点来看，您最有可能多次使用它。