CSS鼠標懸停字平移效果是一種常見的網頁美化效果。當鼠標移動到文本上方時，文本會發生動畫平移效果，從而增加頁面的趣味性。實現這種效果的方法是使用CSS3的動畫功能，下面是一個實現鼠標懸停字平移效果的CSS代碼：

/* 定義需要平移的文本樣式 */
.hover-effect {
display: inline-block;
transition: all 0.2s ease-in-out;
}
/* 定義鼠標懸停狀態下的文本樣式 */
.hover-effect:hover {
transform: translateY(-5px);
}

上面的代碼中，“.hover-effect”表示需要平移的文本樣式，使用“transition”屬性定義文本的平移過渡效果，“:hover”偽類表示文本在鼠標懸停狀態下的樣式。通過“transform: translateY(-5px)”屬性設置文本在Y軸上平移了-5個像素。

除了純文本外，上述代碼還可以使用在按鈕，鏈接等其他交互元素上。

最后，需要注意的是鼠標懸停字平移效果雖然簡單，但是過多使用會影響網頁的可讀性。在使用時需要注意適量，避免影響網頁閱讀體驗。