CSS 是前端開發中重要的技術之一，可以輕松實現各種炫酷的效果，其中一種常見的效果是背景循環移動。下面我們來介紹一下如何用 CSS 實現這個效果。

.background {
background-image: url('bg.jpg');
background-size: cover;
animation: loop 60s linear infinite;
}
@keyframes loop {
from {
background-position: 0% 0%;
}
to {
background-position: 100% 100%;
}
}

首先，我們需要一個背景圖片，可以使用background-image屬性來設置。然后，我們需要指定背景圖片的尺寸，使用background-size屬性來實現。這里使用的是 cover，表示圖片會自適應高度或寬度，保持完整。

接著，我們定義了一個動畫loop，使用animation屬性來聲明。這個動畫持續時間為 60 秒（可以根據需求調整），變化速度為線性，無限循環。

最后，我們使用@keyframes關鍵字來定義動畫的真正變化過程。從 0%（開始）到 100%（結束），將背景位置由左上角移動到右下角。這里使用的是background-position屬性來實現。

通過這段 CSS 代碼，我們可以輕松實現背景圖片的循環移動，為頁面添加更多的交互和視覺效果。