jquery - css3 动画与 scaleX 和 scaleY？

Question

这就是我想要的，我需要缩放和移动!同时是一个对象，现在我有这样的东西:

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

所以首先发生缩放，然后对象移动，我怎样才能同时进行它们？

Answer 1

你也可以这样做一个纯CSS解决方案:

CSS:

@keyframes scale-move {
  0%   { transform: translate(0,0) scale(1,1); }
  100% { transform: translate(500px,250px) scale(5,5); }
}

#move {
  animation: scale-move 10s infinite;
}

Fiddle Me This...(没有供应商前缀...仅在 FF ATM 中工作)