CSS 圖像對角線運動可以使頁面設計更具有動感和生動性。該效果可以通過CSS3中的Linear Gradient（線性漸變）屬性和CSS3中的Animation（動畫）屬性結合實現。

.box {
width: 200px;
height: 200px;
background: linear-gradient(to bottom right, #ff6363, #5851db);
animation: diagonal 4s ease-in-out infinite alternate;
}
@keyframes diagonal {
from {
background-position: left top;
}
to {
background-position: right bottom;
}
}

上述代碼中，我們首先定義一個方形的盒子，然后給它一個線性漸變的背景，注意漸變的方向是從左上角到右下角。接著，我們定義一個動畫關鍵幀，通過改變背景位置實現對角線的運動效果。這個動畫將在4秒內以ease-in-out（緩入緩出）的方式循環播放，并交替從左上角到右下角，然后從右下角到左上角。

通過以上CSS代碼的運用，我們可以實現網站頁面上圖片的對角線運動效果，為頁面添加更多動感和生動性。而且，由于CSS3已經成為了一個瀏覽器標準，因此這樣的效果可以得到幾乎所有的現代瀏覽器的支持。