CSS漸變動畫是Web設計的一個熱門話題。這里將介紹如何使用CSS使元素漸漸顯示。

.fade-in {
opacity: 0;
transition: opacity 2s ease-in-out;
}
.fade-in.active {
opacity: 1;
}

以上CSS實現了一個漸變動畫。首先，將元素的不透明度設置為0，然后使用CSS過渡屬性將不透明度在2秒的時間內緩慢過渡。當元素被添加一個名為“active”的類時，它的不透明度跳轉到1，從而觸發漸變。

以下是如何在HTML中使用上述CSS：

<div class="fade-in">你好！</div>

在初始狀態下，元素會透明。但只需添加“active”類，元素就會逐漸顯示出來。