CSS3能夠為網頁帶來許多精彩的效果，例如“旋轉”。但是在某些情況下，我們需要停止旋轉，本文將介紹如何實現CSS3停止旋轉。

.rotate {
-webkit-animation: rotate 2s infinite linear;
animation: rotate 2s infinite linear;
}
.rotate.stop {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
@-webkit-keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

以上是一個簡單的CSS3旋轉動畫，它可以無限循環旋轉。如果我們需要停止旋轉，只需要在該元素上添加一個類名“stop”，如下：

<div class="rotate stop"></div>

通過添加“stop”類名，我們實現了停止元素旋轉的效果。這是因為“stop”類名給元素添加了“animation-play-state: paused;”的樣式，它會暫停旋轉動畫。

如果我們需要繼續旋轉，只需要刪除“stop”類名即可。除了這種方法，還有一些其他方法可以實現停止旋轉效果，例如通過JavaScript操作CSS樣式，或者通過設置動畫時間為0秒等方式。但以上的方法比較簡單易懂，也比較實用。