CSS可以實現圖片輪播，讓網頁更加動態，吸引人的眼球。其中，滾動和暫停滾動是很常用的功能。下面，我們來介紹如何使用CSS實現圖片滾動暫停滾動。
<div class="container"> <div class="slider"> <img src="img1.jpg" alt=""> <img src="img2.jpg" alt=""> <img src="img3.jpg" alt=""> </div> </div>
首先，我們用一個
容器包含圖片，設置寬度、高度和overflow：hidden，讓容器始終保持在固定大小范圍內。
然后，我們用一個
滑塊包含所有的圖片，將滑塊設置為絕對定位，使其浮動在容器中。
接著，我們定義一個CSS動畫，讓滑塊在10秒內按照設置的時間線循環運動。
最后，我們通過設置滑塊的:hover狀態，讓鼠標懸浮時停止動畫，實現了圖片滾動暫停滾動的效果。