CSS3可以通過transition來實現元素的漸變效果。我們可以在這個基礎上實現元素的顯示和隱藏。以下是一個使用CSS3實現顯示5秒隱藏的例子。

.show-hide {
opacity: 1;
transition: opacity 1s; /* 定義漸變動畫 */
}
.hide {
opacity: 0;
}

首先，我們定義了一個初始狀態的類名.show-hide，將元素的opacity設置為1，意味著元素是可見的。

接著，我們定義了一個類名.hide，當添加該類名時，元素的opacity將逐漸變為0，隨之隱藏。

為了實現5秒后自動隱藏的效果，我們可以使用JavaScript來動態修改元素的類名。以下是相關代碼：

let el = document.getElementById('elem');
setTimeout(() =>{
el.classList.add('hide'); /* 5秒后添加.hide類名 */
}, 5000);

其中，我們通過getElementById來獲取需要操作的元素，然后使用setTimeout函數來延遲5秒后執行操作，即將.hide類名添加到元素上。至此，我們就完成了一個簡單的使用CSS3顯示5秒隱藏的效果。