CSS3自動隱藏按鈕是一種非常實用的技術，它可以讓頁面上的按鈕或菜單在不需要的時候自動隱藏，從而騰出更多的屏幕空間。

/*CSS代碼*/
button {
width: 100px;
height: 50px;
position: fixed;
bottom: 0;
right: -60px;
background-color: #4285f4;
color: #fff;
border: none;
border-radius: 5px 0 0 5px;
cursor: pointer;
transition: 0.3s;
}
button:hover {
right: 0;
}

這段代碼中，我們首先給按鈕設置了一些基本樣式，包括寬高、固定定位、背景色等。然后，通過設置按鈕的右側(cè)定位為負的寬度值，讓它隱藏在頁面右側(cè)。

接下來，我們使用CSS3的過渡效果，在按鈕上鼠標懸停時將它的右側(cè)定位移動到0，產(chǎn)生一個平滑的動畫效果。這樣，在默認狀態(tài)下，按鈕會自動隱藏，只有當鼠標移動到它的位置時，它才會出現(xiàn)。

通過使用這種技術，我們可以為頁面中的操作按鈕或菜單騰出更多的空間，讓頁面看起來更加簡潔和美觀。