CSS中的fade是讓元素漸變出現(xiàn)或消失的一種效果。它可以通過設(shè)置元素的opacity屬性來實現(xiàn)，同時可以借助過渡效果（transition）讓過程更加平滑自然。

.fade-in{
opacity: 0;  /*初始狀態(tài)為透明*/
transition: opacity 1s;  /*過渡效果為1秒*/
}
.fade-in.active{
opacity: 1;  /*激活狀態(tài)為完全不透明*/
}

上面的代碼可以實現(xiàn)fade-in類的元素在激活狀態(tài)下從透明變?yōu)椴煌该鞯男Ч?。?dāng)我們需要元素消失時，只需要將opacity的值從1改為0即可：

.fade-out{
opacity: 1;  /*初始狀態(tài)為完全不透明*/
transition: opacity 1s;  /*過渡效果為1秒*/
}
.fade-out.hidden{
opacity: 0;  /*隱藏狀態(tài)為透明*/
}

隱藏狀態(tài)的類名為hidden，可以通過JavaScript或者其他方式在合適的時候添加或刪除這個類名，從而實現(xiàn)fade-out效果。除了opacity之外，還可以通過設(shè)置元素的visibility或者display屬性來實現(xiàn)類似的隱藏效果。