在網頁設計中，除了設計頁面布局和添加圖像等可視化元素外，還有一項非常重要的任務是為頁面增加樣式。CSS是一種負責為網頁添加樣式的語言，可以實現許多吸引人的效果。本文將介紹一種常見的效果——內容淡出。

在一些場景中，需要將某個元素的不透明度從完全不透明逐漸變為完全透明。這就是內容淡出。下面是一個簡單的示例，使用CSS的transition屬性在5秒鐘內將文本的不透明度從1（不透明）變為0（透明）。

.fade-out {
opacity: 1;
transition: opacity 5s ease-in-out;
}
.fade-out:hover {
opacity: 0;
}

在上述代碼中，fade-out類的元素在初始狀態下是不透明的，然后使用transition屬性將不透明度設置為在5秒內緩慢過渡。當使用:hover選擇器懸停在fade-out元素上時，將通過將元素的opacity屬性設置為0來執行淡出效果。

通過這個簡單的CSS技巧，您可以使您的網頁獲得更多的交互性，并增加更多的美感。