CSS動畫在網頁設計中扮演著非常重要的角色，通常我們使用CSS的animation屬性來創建動畫效果，然而在設計中有時候可能需要讓動畫重復運行多次，那么怎么辦呢？

.animated {
animation-name: move;
animation-duration: 2s;
animation-iteration-count: infinite; /*設置為無限次*/
}
@keyframes move {
0% {transform: translateX(0);}
50% {transform: translateX(50px);}
100% {transform: translateX(0);}
}

在CSS中，我們可以使用animation-iteration-count屬性來設置動畫重復運行的次數。默認情況下，animation-iteration-count的值為1，意味著動畫只運行一次。如果我們想讓動畫重復運行多次，可以將該屬性的值設置為一個數字。例如，設置為2則動畫重復運行2次。

然而，如果我們想讓動畫無限次地循環運行，我們可以將animation-iteration-count的值設置為infinite，表示動畫將一直重復運行，直到頁面被關閉或重載。

通過上述代碼，我們可以實現一個無限次循環運行的動畫效果，具體來說是"元素在2秒內向右移動50像素，再返回原始位置，不斷循環"。這是一種常見的動畫效果，可以應用于各種網站設計中。

總之，CSS動畫的重復運行非常簡單，只需要設置animation-iteration-count的值即可，如果想要讓動畫無限次重復運行，則將該屬性的值設置為infinite即可。