CSS 中的文字逐個顯示效果，是很多網頁設計師和開發人員喜歡使用的一種效果。這種效果讓文字如古典打字機一樣一個一個地顯示出來，十分引人注目。

實現這種文字逐個顯示效果，需要用到 CSS3 中的 animation （動畫）屬性。其中，animation-duration 可以設置動畫持續的時間，animation-delay 可以設置動畫延遲的時間，animation-timing-function 可以設置動畫的速度曲線。

/*定義一個名為“typing”的動畫*/
@keyframes typing{
from {
width: 0;
}
to {
width: 100%;
}
}
/*定義動畫效果*/
.typewriter{
overflow: hidden; /*超出部分隱藏*/
white-space: nowrap; /*不換行*/
animation: typing 3s steps(12, end) both;
/*animation-name: 要執行的動畫名；animation-duration: 動畫執行時間；steps(): 指定執行次數和每一次狀態變的數量；animation-fill-mode: 播放完成后，元素停到哪一幀的狀態；animation-delay： 延遲執行的事件；animation-timing-function： 過度效果*/
border-right: .15em solid orange; /*逐個顯示時，偽裝光標*/
}

上面的代碼中，我們定義了一個名為“typing”的動畫，用于實現文字逐個顯示效果。同時，我們使用 .typewriter 類來應用這個動畫，設置 overflow: hidden 和 white-space: nowrap 來讓文字不會換行或溢出。border-right 負責偽裝閃爍的光標。

在 HTML 中，我們使用 span 標簽來逐個顯示文字：

這里是逐個顯示的文字效果。

這樣，我們就可以通過 CSS 實現文字逐個顯示效果了。可以根據具體需要，調整動畫的時間、延遲和速度曲線等屬性，來實現不同的效果。