在CSS3中，我們可以使用transform屬性來進行重復的動畫效果，下面就讓我們來學習一下如何使用CSS3來制作一個旋轉壽司蛋糕吧！

.sushi-cake {
width: 150px;
height: 150px;
background: url(壽司蛋糕圖片地址) no-repeat center center;
background-size: contain;
transition: transform 2s ease-in-out;
animation: spin 5s infinite linear;
transform-origin: center center;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

首先我們需要創建一個類名為sushi-cake的div，設置寬度和高度，將背景圖片設置為壽司蛋糕的圖片，并將背景大小設置為contain（保持圖片縱橫比，同時將背景縮放到合適大小）。我們還需要使用transform屬性來設置旋轉的動畫效果，這里使用transition設置從原始狀態到旋轉狀態的過渡動畫時間為2秒，且速度類型為ease-in-out。此外，我們還通過animation屬性來設置讓蛋糕不停地旋轉的動畫效果。

接下來需要使用@keyframes來定義動畫，使用rotate函數來設置從開始時旋轉0度到結束時旋轉360度的變化效果。最后，使用transform-origin屬性來將旋轉中心點設置為元素中心。

<div class="sushi-cake"></div>

將上述代碼復制到HTML文件中，然后運行即可看到一個菜單美妙的壽司蛋糕！