CSS制作圖片滾動勻速是網站設計中常用的功能之一，它可以使網頁更加生動、有趣、實用。下面是CSS制作圖片滾動勻速的步驟。

<style>
/*創建外框*/
.scroll-box {
overflow: hidden;
width: 300px;
height: 200px;
border: 1px solid #ccc;
}
/*創建滾動內容*/
.scroll-content {
width: 1000px;
height: 200px;
position: relative;
animation: scroll 10s linear infinite;
/*調用動畫 scroll，持續時間：10s，動畫方式：勻速，重復次數：無限*/
}
/*創建動畫*/
@keyframes scroll {
from {left: 0}
to {left: -700px}
/*設置移動距離*/
}
</style>

以上代碼中，.scroll-box 是圖片滾動的外框，.scroll-content 是滾動的內容，它被設置為相對定位。@keyframes scroll 則是動畫的創建，從左邊開始滾動到-700px的距離。

最后，在HTML中，添加 .scroll-box 和 .scroll-content 標簽，即可實現圖片的滾動勻速，如下：

<div class="scroll-box">
<div class="scroll-content">
<img src="image1.jpg">
<img src="image2.jpg">
<img src="image3.jpg">
<img src="image4.jpg">
<img src="image5.jpg">
</div>
</div>

通過以上步驟，我們可以實現圖片勻速滾動的效果，讓網站更加生動、有趣。希望以上內容對網站設計者們有所幫助。