在前端開發中，CSS是非常重要的一部分。利用CSS，我們可以產生各種豐富的視覺效果和布局。本文將介紹CSS顯示效果中的依次顯示。

/* HTML代碼 */
<div class="text">
<p>第一段文字</p>
<p>第二段文字</p>
<p>第三段文字</p>
</div>
/*CSS代碼*/
.text p {
animation: showup 1s ease forwards;
}
@keyframes showup {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}

上述代碼展示了一個常用的依次顯示的動畫效果。在這個例子中，我們使用了CSS3的動畫特性。首先，我們定義了一個動畫與其對應的CSS選擇器。

接下來，我們定義了動畫的關鍵幀，即開始和結束時的狀態。在這個例子中，我們設置開始時文字的不透明度為0，以及向上平移20個像素的動畫效果。當動畫結束時，文字的不透明度為1，不再受動畫影響。

最后，在CSS選擇器中我們應用了這個動畫，并將所有P標簽包裹在一個DIV標簽中。當頁面載入時，這個動畫效果會在每個P標簽中依次播放，產生優雅的顯示效果。

CSS動畫不僅僅可以用于依次顯示，還可以用于各種其他的界面效果。掌握CSS動畫，可以讓我們更好地優化用戶體驗和頁面交互。