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

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

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

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

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

同時，也可以結(jié)合其他CSS3動畫效果，如旋轉(zhuǎn)、放大等，創(chuàng)造更加豐富的界面動效。