CSS3按鈕漂浮的效果是一種常用的效果，讓按鈕在鼠標懸停的情況下漂浮，使頁面更加動態。

<style>
/* 設置按鈕樣式 */
.button {
display: inline-block;
border-radius: 20px;
border: solid 2px #333;
background-color: #fff;
padding: 10px 20px;
color: #333;
text-align: center;
text-shadow: 1px 1px 2px #ddd;
font-size: 18px;
font-weight: bold;
transition: all 0.3s ease-in-out;
position: relative;
z-index: 1;
}
/* 設置按鈕漂浮效果 */
.button:hover::before {
content: "";
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
z-index: -1;
background-color: #f33;
border-radius: 25px;
}
</style>

上述代碼中，我們首先設置了按鈕樣式，包括背景色、邊框顏色、字體顏色、字體大小等等。接下來，通過設置按鈕的偽元素before，使得鼠標懸停在按鈕上時，前景色會變成紅色，并且包圍著按鈕漂浮。

通過這種簡單的CSS3按鈕漂浮效果，你可以讓你的站點的按鈕更加吸引人，讓用戶更容易地使用你的站點。