CSS可以給網頁增加很多不同的動畫效果，如選擇器動畫、過渡效果、變形動畫等等。今天我們來探討如何使用CSS加載文本動畫。

/* CSS代碼 */
@keyframes textAnimation { /* 定義文本動畫關鍵幀 */
from { 
opacity: 0; /* 透明度從0開始 */
transform: translateX(-50px); /* x軸方向偏移50px */
}
to {
opacity: 1; /* 透明度到1 */
transform: translateX(0); /* x軸偏移回歸原始位置 */
}
}
.text {
display: inline-block; /* 將文本轉換為行內塊元素 */
animation: textAnimation 1s ease-in-out; /* 使用textAnimation關鍵幀進行動畫，動畫持續1秒并且緩和 */
}

上面的代碼中，我們定義了一個名為textAnimation的關鍵幀動畫，這個動畫包含了兩個狀態：開始狀態和結束狀態。初始狀態包括了透明度為0和位置向左偏移50像素；結束狀態包括了透明度為1和重新回到原始位置。

接下來，在文本所在的元素上，我們添加了動畫屬性，其中1s是動畫持續1秒，而ease-in-out則是緩和效果。現在，當文本出現在瀏覽器視窗中時，它將會以我們定義的方式進行動畫。

總的來說，使用CSS加載文本動畫是一種簡單而又創新的方式，以便使網站更具吸引力。