CSS是一種常用的網頁樣式設計語言,其中包括了很多動態效果,如旋轉動畫。然而,在某些情況下,我們希望停止旋轉,如何實現呢?
以上是一段示例代碼,其中
表示一個紅色正方形,通過animation: spin 2s linear infinite;實現了旋轉動畫。當我們點擊停止按鈕時,會為該正方形添加.stop類,從而使animation-play-state屬性被設置為paused,停止旋轉。同理,當我們點擊繼續按鈕時,會將.stop類移除,使動畫繼續進行。
以上就是CSS停止旋轉的方法,希望對你有所幫助。