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

/* 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;
}

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

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