CSS3中的動畫功能為網頁設計師提供了更多樣化的效果選擇，其中淡入淡出是一種常用的效果，可以增強網頁體驗。

/* 在CSS3中使用淡入淡出 */
#element {
opacity: 0;
transition: opacity 1s ease-in-out;
}
#element:hover {
opacity: 1;
}

在上述代碼中，我們首先將所選元素的透明度設置為0，并為其添加一個過渡效果。當光標懸停于該元素上時，會自動將透明度設置為1，完成淡入效果。

/* 在CSS3中使用淡出 */
#element {
opacity: 1;
transition: opacity 1s ease-in-out;
}
#element:hover {
opacity: 0;
}

如果想實現淡出效果，只需將上述代碼中的opacity值和hover狀態下的opacity值反轉即可。

需要注意的是，在使用淡入淡出時，應該慎用過渡效果，防止影響網頁性能和用戶體驗。