CSS3按鈕是一種非常實用的設計元素，不僅美觀大方，而且操作簡單易懂。其中，怎樣實現按鈕的滑動效果，是設計師們極為關注的熱門話題。

.button {
display: inline-block;
padding: 10px 15px;
font-size: 16px;
text-align: center;
color: #fff;
background-color: #3366CC;
border-radius: 5px;
box-shadow: 0 5px #003366;
transition: all 0.3s ease-in-out;
}
.button:hover {
background-color: #003366;
box-shadow: 0 2px #003366;
transform: translateY(3px);
}

以上是一個常見的CSS3按鈕的代碼。核心代碼是transition和:hover偽類的綜合使用，通過改變按鈕的背景顏色、陰影、位置等實現滑動效果。其中，transition決定了滑動的時間和速度，后面的ease-in-out表示緩進緩出的效果。而:hover偽類則是在鼠標懸停時改變按鈕的狀態，從而實現滑動的效果。

如果設計師想要實現更豐富、多樣化的滑動效果，還可以嘗試使用其他屬性，比如scale、rotate等，或者通過JS控制CSS樣式實現更靈活自由的效果。