CSS中使用gif動畫有時會遇到動畫不循環的情況，這是因為gif動畫本身就有循環次數的限制，當循環次數為1時，動畫播放完畢后就會停止。

/* 設置動畫只循環一次 */
.animation {
animation: myanimation 1s ease-in-out 1;
}
@keyframes myanimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

在CSS中，可以通過設置animation屬性中的第四個參數來設置動畫循環的次數，如上代碼中的“1”就是設置只循環一次。如果需要無限循環，則將該值設置為“infinite”即可。

/* 設置動畫無限循環 */
.animation {
animation: myanimation 1s ease-in-out infinite;
}
@keyframes myanimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

另外，需要注意的是，在某些情況下，gif動畫本身就是只播放一次的，此時即使設置了循環次數，也只能播放一次。因此在使用gif動畫做背景或者動態圖時，需要特別注意該gif文件的屬性。