背景旋轉是一種很有趣的css樣式效果，可以為網頁增加一些新鮮感和活力。下面我們來學習一下如何實現背景旋轉效果。

body{
background: url(bg.jpg);
animation: rotate 10s linear infinite;
}
@keyframes rotate{
from{
transform: rotate(0deg);
}
to{
transform: rotate(360deg);
}
}

上面的代碼中，我們首先指定背景圖片，然后使用關鍵字animation來定義一個旋轉效果的動畫，使用rotate動畫名稱，10s表示10秒鐘一個周期，linear表示勻速旋轉，infinite表示無限循環。

接著，我們定義了一個@keyframes規則用來描述動畫的過程，其中from表示從0度的角度開始旋轉，to表示旋轉到360度結束。

最終實現的效果是背景圖片隨著時間的流逝而不斷旋轉，增加了頁面的視覺效果和吸引力。