CSS滾動播放照片3是一種用CSS來實現在網頁上自動播放圖片的技術，通過CSS3的動畫屬性和過度屬性，我們可以讓網頁上的圖片自動滾動，并且可以向左或向右滾動。下面是此技術的代碼示例：

.image-scroll {
width: 600px;
height: 400px;
overflow: hidden;
position: relative;
}
.image-scroll img {
position: absolute;
width: 600px;
height: 400px;
transition: transform 1s ease;
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-600px);
}
}
.image-scroll img:first-of-type {
animation: scroll 4s infinite;
}

在上述代碼中，我們先創建了一個包含圖片的容器，容器的寬度和高度就是圖片的寬度和高度，設置容器的overflow屬性為hidden，讓圖片超出容器的部分隱藏。然后，我們設置圖片的position屬性為absolute，使圖片相對于容器進行絕對定位，然后通過過度屬性transition來實現圖片的動畫效果。

接下來，我們通過@keyframes來定義動畫的關鍵幀，設置圖片初始位置和結束位置的變化，這里我們設置圖片向左移動600px，即向左移出容器后不再顯示。

最后，我們通過選擇器:first-of-type來選取第一個圖片元素，然后設置animation屬性，實現圖片的無限循環滾動效果。我們通過設置動畫周期為4s，讓圖片每次滾動的時間間隔為4s。

總之，CSS滾動播放照片3是一種簡單又實用的技術，通過它我們可以在網頁上輕松實現圖片的輪播效果，提升用戶體驗，為網站帶來更多的流量和收益。