CSS動畫是一個非常強大的工具，可以為網頁帶來生動的交互體驗。其中，動畫放大縮小是一種非常常見的動畫效果，可以使元素看起來具有彈性，增強用戶的交互感受。

.zoom {
animation: zoom-in-out 2s ease-in-out;
}
@keyframes zoom-in-out {
0% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}

以上代碼為放大縮小動畫的實現代碼。我們首先定義了一個zoom的class，然后為其設置了一個名為zoom-in-out的動畫，并設定動畫時間為2秒，過渡效果為ease-in-out。

接下來，我們在@keyframes中定義了三個關鍵幀：0%、50%和100%。在0%的關鍵幀中，我們將元素的縮放比例設置為1。在50%的關鍵幀中，我們將元素的縮放比例設置為1.5。在100%的關鍵幀中，我們再次將元素的縮放比例設置為1，實現收縮的效果。

為了讓動畫播放一次后停止，我們可以添加以下代碼：

.zoom {
animation: zoom-in-out 2s ease-in-out forwards;
}

將以上代碼中的forwards加入到animation屬性中即可。這樣，動畫在播放完成后，將停留在最后一幀，不再返回原狀態。

CSS動畫放大縮小一次是網頁設計中非常經典的一種動畫效果，讓網頁更生動且具有交互感。通過以上簡單的代碼，我們可以輕松實現這種效果。