在網頁設計中，文字延時出現是一種非常有趣的效果，可以提高頁面的可視化、互動性和用戶體驗。通過CSS創建文字延時出現的方法就是使用CSS3的動畫屬性 -animation。

/* 定義動畫 */
@keyframes showText {
0% {
opacity: 0;
transform: translateX(-100%);
}
50% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/* 應用動畫 */
.show-text {
animation-name: showText;
animation-duration: 2s;
animation-delay: 1s; /* 延時1秒 */
animation-fill-mode: forwards;
}

上面的代碼使用了@keyframes定義了一個名為showText的動畫，其中定義了從0%到100%不同時間點的元素狀態。接下來使用.show-text選擇器將動畫應用到需要延時出現的文字上，設定了動畫持續時間為2秒，延時1秒后才開始展示文字。

這種文字延時出現的效果既可以作用于整個段落，也可以作用于某一個單詞或句子。需要注意的是，為了讓太多文本同時延時出現時不會造成頁面卡頓，我們可以通過JS庫或插件來減輕頁面負擔。