CSS+div逐漸消失是一種比較酷炫的效果，代碼也較為簡單。”逐漸消失”即是在一段時間內，元素的透明度從不透明到透明，然后消失不見。

實現方法如下：

.fade {
animation: fadeOut 5s linear;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}

核心代碼就是animation和@keyframes。animation指定動畫的類型以及時間，它接收三個參數：動畫名稱、播放時間和動畫時間曲線。這里我們用了fadeOut作為動畫名稱，播放時間是5s，曲線為linear。@keyframes類似于animation的生成器，我們可以在其中規定元素的各個狀態，就像上面代碼中的0%和100%。

還有一個很關鍵的一點，我們得為div添加class=“fade”，否則動畫是不會實現的。

最后，如果想讓元素消失，需要再添加動畫完成之后的css樣式：

.fade {
animation: fadeOut 5s linear;
opacity: 0;
display: none;
}

以上代碼在動畫播放完成之后，將元素設為不可見，并從文檔流中刪除，這樣就能實現元素的逐漸消失效果了。