CSS 返回頂部時隱藏效果是在滾動頁面時出現，當頁面滾動到一定程度后，才會出現返回頂部的按鈕。這個效果可以通過使用CSS樣式來簡單實現：

.back-to-top {
position: fixed;
bottom: -50px;
right: 20px;
background-color: #333;
color: #fff;
padding: 10px 20px;
border-radius: 50%;
font-size: 20px;
opacity: 0;
transition: opacity 0.3s ease-in-out, bottom 0.3s ease-in-out;
}
.back-to-top.show {
bottom: 20px;
opacity: 1;
}

在代碼中，我們首先定義了一個返回頂部按鈕的樣式，并將其position設置為fixed，bottom設置為-50px，這樣按鈕就會隱藏在頁面底部。然后我們給這個按鈕定義了一個.show的樣式，當這個樣式被添加到按鈕上時，按鈕就會出現在頁面底部，并且opacity的值從0漸變到1，bottom的值也從-50px漸變到20px，這樣就實現了滾動頁面時出現返回頂部按鈕的效果。

這樣的CSS 返回頂部時隱藏效果不僅美觀，而且還可以提高頁面的用戶體驗。當用戶瀏覽頁面時，如果一直看到返回頂部按鈕，會讓頁面看起來很雜亂，而且會讓用戶分心。而如果按鈕隱藏起來，用戶不必擔心它的存在，只有在需要的時候，才會刻意去找，這樣就可以讓用戶更專注于頁面的內容。