使用jquery缩放中心图像

我有一个居中的图像，我想用jquery缩放它。 问题是它首先缩放并定位在一个平面上 第二步

.outer {
   width:500px;
   height:500px;
   background: #f5f5f5;
   text-align: center;
}
#inner {
    display: none;
}

使用

动画（）

而不是

显示（）

：

只需将您的

js

替换为以下内容：

$( document ).ready (function () {
    $('#inner').css({'height':0,'width':0})
    $('#inner').animate({height:300+"px",width:300+"px"},1900)
});

---

为什么不为此使用关键帧？看起来不错，而且是硬件加速的

#inner {
    width: 0;
    height: 0;
    animation: zoom 1900ms;
}
@keyframes zoom {
  0% {
      width: 0;
      height: 0;
    }
  100% {
      width: 300px;
      height: 300px;
  }
}