CSS中實(shí)現(xiàn)像中心縮小的動(dòng)畫(huà)效果，可以通過(guò)使用transform屬性和animation關(guān)鍵幀來(lái)實(shí)現(xiàn)，下面是一個(gè)簡(jiǎn)單的示例代碼：

HTML結(jié)構(gòu)：

<div class="center-shrink-animation">我是中心縮小的動(dòng)畫(huà)</div>

CSS樣式：

.center-shrink-animation {
  position: relative;
  width: 200px;
  height: 200px;
  background-color: #333;
  color: #fff;
  border-radius: 50%;
  transform: scale(1);
  animation: centerShrink 2s ease-in-out;
}
@keyframes centerShrink {
  0% { transform: scale(1); }
  50% { transform: scale(0.5); }
  100% { transform: scale(0); }
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為center-shrink-animation的div元素，并設(shè)置了初始的寬度和高度，我們使用transform屬性將元素轉(zhuǎn)換為圓形，并設(shè)置初始的縮放比例為1，我們通過(guò)animation關(guān)鍵幀創(chuàng)建了一個(gè)名為centerShrink的動(dòng)畫(huà)，該動(dòng)畫(huà)會(huì)在2秒內(nèi)將元素從原始大小縮小到0，在動(dòng)畫(huà)的關(guān)鍵幀中，我們分別在0%、50%和100%的時(shí)間點(diǎn)設(shè)置了不同的縮放比例，以實(shí)現(xiàn)平滑的縮放效果。

通過(guò)這種方法，我們可以輕松地在CSS中實(shí)現(xiàn)像中心縮小的動(dòng)畫(huà)效果。