CSS平移動畫效果是CSS3中一種常用的動畫效果之一。通過使用CSS的transition和animation兩種屬性，可以輕松地為網頁添加平滑、簡潔的移動動畫效果。

/* 通過transition屬性定義平移效果 */
transition: transform 1s ease-out;
transform: translate(50px, 50px);
/* 通過animation屬性定義平移效果 */
@keyframes move {
0% { transform: translateX(0); }
100% { transform: translateX(100px); }
}
animation: move 1s ease-out;

上述代碼中，我們分別使用了transition和animation兩種方式來定義CSS平移動畫效果。其中，transition屬性中，我們定義了transform屬性的變化，使元素在1秒內從原位置向右下方平移50px，并且使用了ease-out函數來實現平滑的過渡效果。

在第二個代碼塊中，我們使用了CSS的@keyframes關鍵字定義了一個動畫關鍵幀move，在其中定義了元素的平移位置為translateX(0)到translateX(100px)，最后通過animation屬性將這個動畫效果應用到了HTML標簽上。

總的來說，CSS平移動畫效果可以為網頁帶來不同的動感與效果，對于網頁設計來說具有重要的價值。