在網頁設計中，文字飄入效果經常被使用，可以讓頁面變得更加豐富多彩。在CSS中實現文字飄入效果有很多種方法，我們可以使用CSS3動畫或者JavaScript來實現。下面我們來介紹一種只使用CSS實現文字飄入效果的方法。

/* 定義關鍵幀 */
@keyframes floatIn {
0% {
opacity: 0;
transform: translateY(50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* 應用動畫效果 */
.float-in {
animation: floatIn 1s ease-in-out forwards;
}

以上代碼中，我們定義了一個關鍵幀（@keyframes）名為 floatIn，其中包含兩個關鍵幀分別表示文字飄入動畫的起始和結束狀態。在起始狀態中，文字透明度為 0，同時向下平移 50 像素，表示文字是從下面飄入的。而在結束狀態中，文本的透明度為 1，同時平移變為原來的位置，表示文字飄入到其原始位置。

接著我們定義了一個名為 .float-in 的 CSS 類，它將應用我們剛剛定義的動畫 floatIn，動畫的持續時間為 1 秒，動畫特效為 ease-in-out。最后，使用 forwards 告訴瀏覽器，讓動畫停留在結束狀態。

在 HTML 中，我們使用：

<p class="float-in">我是文字飄入特效</p>

即可在頁面中將這個段落添加飄入特效。

以上就是只使用 CSS 實現文字飄入效果的方法，除此之外也可以使用 transition 過渡特效來實現類似的效果。