CSS3動畫是一種很酷炫的效果，通過CSS3動畫能夠讓網頁更具有藝術感和時尚感。本文將介紹一種基本的CSS3動畫效果——淡出效果。

/* 淡出動畫 */
.fade-out {
opacity: 0;
transition: opacity 1s ease;
}

如上所示，這是一個非常簡單的淡出動畫的CSS代碼。類名為“fade-out”的元素在被觸發后會漸漸地消失，直到完全消失（透明度為0）。其中，使用了CSS3中的屬性“opacity”和“transition”。

“opacity”屬性是指元素的透明度，其取值范圍為0~1之間，0為完全透明（即不可見），1為完全不透明（即完全可見）。通過設定“opacity”為0，即可使元素逐漸消失。

“transition”屬性則是CSS3中的過渡屬性，其可以是一個或多個CSS屬性的過渡效果，也可以設定過渡時間和過度效果類別。在本示例中，使用“transition: opacity 1s ease;”來實現opacity屬性的漸變過渡效果。

最后，需要將設置好的類名“fade-out”和要漸漸消失的元素進行關聯，即可實現淡出效果了。