CSS 圖片自動更換動畫是指當用戶訪問網頁時，頁面中的圖片會自動進行更換并展示出切換動畫的效果。這樣做可以提高用戶在網站上停留的時間，同時也可以讓訪問者感受到信息的流動性，增強用戶體驗。

/* 示例代碼 */
/* 注意：這里使用了 CSS3 transition 屬性 */
/* 每個圖片容器的寬高需與圖片大小一致 */
.container {
width: 200px;
height: 200px;
overflow: hidden;
}
.container img {
position: relative;
transition: opacity .5s ease-in-out;
}
.container img:first-child {
position: absolute;
top: 0;
left: 0;
}
.container:hover img:first-child {
opacity: 0;
}

這里我們使用了CSS3 transition屬性來實現動畫效果。當鼠標懸停在容器上時，第一張圖片會逐漸消失，而第二張圖片則會逐漸顯現。如果您需要更加個性化的效果，您還可以使用CSS3 animation屬性來完成圖像更換動畫。

一個需要注意的點是，每個圖片容器的寬度和高度需要與圖片大小一致，否則我們的圖片將會出現拉伸和壓縮的情況，因此我們需要對圖片進行裁剪或放大等處理。

總體來說，通過使用 CSS 圖片自動更換動畫可以讓我們的網頁更具吸引力，提高用戶留存時間，是一個非常值得推薦的技巧。