CSS3的圖片自動播放是一種非常實用的功能，有助于增強網頁的展示效果。以下是一個簡單的CSS3圖片自動播放的代碼示例：

/* 設置圖片容器的屬性 */ 
.image-container{
width: 100%;
height: 400px;
position: relative;
overflow: hidden;
}
/* 設置圖片的屬性 */ 
.image-container img{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity 1s ease-in-out;
}
/* 設置第一張圖片的屬性 */ 
.image-container img:first-child{
opacity: 1;
}
/*設置輪播效果 */
@keyframes image-loop{   
0%{
opacity: 0;
} 
30%{
opacity: 1;
} 
70%{
opacity: 1;
} 
100%{
opacity: 0;
}
}
/*設置圖片自動播放的效果 */ 
.image-container img:not(:first-child){
animation: image-loop 4s linear infinite;
/*4s是每張圖片展示的時間，也可自行調整*/
/*infinite表示動畫循環無限次*/
}

以上代碼將設置一個圖片容器，將多個圖片設置為絕對定位，并通過CSS3中的animation屬性用keyframes創建一個動畫效果來實現圖片的輪播。另外，需要注意的是，該示例代碼中關于圖片的屬性并非固定不變，根據實際需求需要對其進行一定的改動。