在CSS中，動畫執行一次是非常常見的需求。當我們需要添加一些炫酷的效果時，如淡入淡出、旋轉、放大等，我們通常會使用CSS中的動畫來實現。

在CSS中，動畫可以通過關鍵幀來定義。我們可以使用@keyframes關鍵字來定義一個關鍵幀的動畫。例如，下面是一個簡單的例子：

@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
.box {
animation-name: fadeIn;
animation-duration: 3s;
}

在上面的代碼中，我們定義了一個名為fadeIn的動畫，這個動畫用了兩個關鍵幀：from和to。from代表動畫開始時的狀態，to代表動畫結束時的狀態。在這個例子中，我們定義了一個淡入的動畫，從透明度0到1，持續時間為3秒。

但是，在默認情況下，CSS動畫會重復播放，直到被停止。如果我們想讓動畫只執行一次，我們應該如何做呢？

實際上，我們可以使用animation-iteration-count屬性來控制動畫的重復播放次數。默認情況下，animation-iteration-count屬性為infinite，表示動畫無限播放。

如果我們希望動畫只播放一次，可以將animation-iteration-count屬性設置為1，如下所示：

.box {
animation-name: fadeIn;
animation-duration: 3s;
animation-iteration-count: 1;
}

在這個例子中，我們將animation-iteration-count屬性設置為1，表示動畫只執行一次，之后就停止了。

如果我們在使用CSS動畫時，需要讓動畫只執行一次，那么animation-iteration-count屬性就是非常重要的，它可以讓我們輕松控制動畫的重復播放次數。