在CSS中，我們可以使用animation屬性來創(chuàng)建動畫，并通過設(shè)置animation-iteration-count屬性來實(shí)現(xiàn)動畫的循環(huán)。

我們需要定義一個動畫，在CSS中，@keyframes規(guī)則用于創(chuàng)建動畫，我們可以創(chuàng)建一個簡單的旋轉(zhuǎn)動畫：

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

我們可以將這個動畫應(yīng)用到一個元素上，并設(shè)置animation-iteration-count屬性來實(shí)現(xiàn)循環(huán)：

.my-element {
  animation: rotation 2s linear infinite;
}

在上面的代碼中，rotation是動畫的名稱，2s是動畫的持續(xù)時間，linear是動畫的速度曲線，infinite表示動畫將無限循環(huán)。

除了設(shè)置animation-iteration-count屬性為infinite來實(shí)現(xiàn)循環(huán)外，我們還可以使用animation-direction屬性來控制動畫是否應(yīng)該倒放，我們可以設(shè)置animation-direction: alternate來讓動畫在奇數(shù)次循環(huán)時正放，而在偶數(shù)次循環(huán)時倒放。

我們還可以使用animation-fill-mode屬性來控制元素在動畫前后的狀態(tài)，我們可以設(shè)置animation-fill-mode: forwards來讓元素在動畫結(jié)束后保持***后一次循環(huán)的狀態(tài)。

通過使用animation屬性及其相關(guān)屬性，我們可以輕松地創(chuàng)建并控制CSS中的動畫循環(huán)。