CSS中的滑過出現文字效果可以為網站添加視覺上的交互元素，使頁面更加生動有趣。下面我們將介紹兩種實現方式：

1. 使用:hover偽類

/* HTML代碼 */
<div class="box">
Hover Over Me!
<span>Hidden text</span>
</div>
/* CSS代碼 */
.box span {
display: none;  /* 隱藏文本 */
}
.box:hover span {
display: inline-block;  /* 顯示文本 */
}

上述代碼中，我們在網頁中添加了一個div元素，然后在其中添加一個文本“Hover Over Me!”以及一個span元素，其中包含了隱藏的文本。在CSS樣式中，我們通過:hover偽類來控制當鼠標懸停在div元素上時，讓文本的display屬性從none（隱藏）變為inline-block（顯示），從而實現了滑過出現文字的效果。

2. 使用transition過渡效果

/* HTML代碼 */
<div class="box2">
Hover Over Me!
<span>Hidden text</span>
</div>
/* CSS代碼 */
.box2 span {
opacity: 0;  /* 隱藏文本 */
transition: opacity 0.3s ease-in-out;  /* 設置過渡效果 */
}
.box2:hover span {
opacity: 1;  /* 顯示文本 */
}

這段代碼與前一個例子比較類似。我們同樣在一個div元素中添加文本和隱藏的span元素，并使用:hover偽類來控制鼠標懸停時的效果。不過這次我們在span元素上使用了transition屬性，用來設置文本的過渡效果。在:hover偽類選中的時候，執行了opacity:1的屬性聲明，將文本的不透明度提高到1，從而顯示文本，同時也會觸發過渡效果，讓文本在0.3秒的時間內慢慢淡入。

總之，滑過出現文字的效果可以通過CSS的偽類和過渡效果來實現。在設計網站時，我們可以根據需要選擇不同的方式來呈現出更加多樣化的交互體驗。