CSS3鼠標經過平移是一個常用的動畫效果，可以為網頁添加一些互動性和生動性，讓用戶更加喜歡使用我們的網站。

實現鼠標經過平移非常簡單，我們只需要在需要添加效果的HTML元素上添加“transition”屬性，然后再添加“:hover”偽類，就可以實現元素在鼠標經過時的平移效果。

/* 定義需要添加效果的元素 */
.demo {
width: 200px;
height: 200px;
background-color: #ccc;
/* 添加過渡效果 */
transition: transform .5s ease;
}
/* 添加鼠標經過時的效果 */
.demo:hover {
transform: translate(50px, 50px);
}

在上面的代碼中，“.demo”表示需要添加效果的元素，在這里我們定義了一個寬高為200px的灰色方塊；“transition”屬性用來定義元素變化的過渡效果，包括變化的屬性、持續時間和變化方式（linear、ease-in、ease-out等）；“:hover”偽類表示當鼠標經過該元素時的狀態，我們在這里通過“translate”函數定義元素的位移，移動距離為50px。

鼠標經過平移可以應用于各種元素上，例如文本、圖片、按鈕等，可以為網頁添加更多的交互動感，提高用戶體驗。

同時，也可以結合其他CSS3動畫效果，如旋轉、放大等，創造更加豐富的界面動效。