在CSS中，經常會用到鼠標懸停事件來添加交互效果。其中一種常見的效果是鼠標經過時字體逐漸變大。

/* HTML */
<p class="hover-effect">這是一段需要添加鼠標懸停效果的文字</p>
/* CSS */
.hover-effect {
font-size: 16px;
transition: font-size 0.3s ease-in-out;
}
.hover-effect:hover {
font-size: 18px;
}

以上是實現鼠標經過字變大的CSS代碼。我們首先設置了文字的初始字體大小為16px，并添加了過渡效果。當鼠標懸停在字體上時，我們使用:hover偽類選擇器將字體大小逐漸變大到18px。

需要注意的是，為了達到良好的視覺效果，過渡時間不應過長，一般建議不超過0.5秒。不過這也根據實際需求而定，如果需要更長的過渡時間可以適當延長。同時，為了方便管理，我們可以將需要添加鼠標懸停效果的文字類名設置為.hover-effect。