js 中心店 00 开始使里面的子元素按照中心店放大缩小

可以使用 transform 属性实现元素的缩放效果，同时结合 transition 属性实现过渡动画效果。

首先，可以将中心店元素设置为相对定位，然后将其子元素设置为绝对定位，并设置 left 和 top 属性使其居中。然后，可以为中心店元素添加鼠标移入事件，当鼠标移入时，通过设置子元素的 transform 属性实现缩放效果。

具体代码如下：

HTML：

<div class="center">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

CSS：

.center {
  position: relative;
  width: 300px;
  height: 300px;
  background-color: #eee;
}

.item {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #ccc;
  transition: transform 0.2s ease-in-out;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.center:hover .item {
  transform: scale(1.5);
}

在上述代码中，.center 元素为中心店元素，宽高为 300px，背景色为 #eee。.item 元素为子元素，宽高为 50px，背景色为 #ccc。当鼠标移入 .center 元素时，会触发 .center:hover .item 的样式，使 .item 元素的 transform 属性值为 scale(1.5)，从而实现缩放效果。同时，通过设置 transition 属性，使缩放效果具有过渡动画效果