在CSS教程第十七課中，我們將學習如何使用CSS制作旋轉動畫效果。

首先，我們需要選擇要應用動畫效果的HTML元素。我們可以使用CSS選擇器來定位元素：

p {
animation: rotate 2s linear infinite;
}

在這個例子中，我們選擇了所有的<p>元素，并給它們應用了一個名為“rotate”的動畫，持續時間為2秒，變換方式為線性，無限循環。

接下來，我們需要定義動畫本身。我們可以使用@keyframes規則來定義動畫：

@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

在這個例子中，我們創建了一個名為“rotate”的動畫。它從0%到100%持續，從旋轉0度到旋轉360度。我們在@keyframes規則中使用CSS transform屬性來實現旋轉效果。

最后，我們可以調整動畫的速度和循環方式。例如，我們可以使用animation-timing-function屬性來調整動畫速度：

p {
animation: rotate 2s ease-in-out infinite;
}

在這個例子中，我們將動畫速度調整為“ease-in-out”，即慢速開始，然后加速，再慢速結束。

通過學習這個教程，我們現在可以使用CSS制作出旋轉動畫效果，并調整速度和循環方式。