CSS3按鈕陰影效果是前端開發中經常運用的一種樣式，通過陰影效果可以讓按鈕看起來更加立體、具有層次感，使得頁面的整體設計更加美觀、生動。

.btn{
box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
/* 實現按鈕的陰影效果 */
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 3px;
font-size: 16px;
cursor: pointer;
transition: all 0.3s ease;
/* 添加過渡效果，使得按鈕的顏色在鼠標懸停時能夠平滑過渡 */
}
.btn:hover{
background-color: #3e8e41;
/* 設置鼠標懸停時按鈕的背景色 */
box-shadow: 0px 8px 8px rgba(0,0,0,0.3);
/* 在鼠標懸停時增加陰影的深度，讓按鈕有更強的立體感 */
}

在代碼中，我們使用了box-shadow屬性來實現按鈕的陰影效果，屬性的細節可以自行調整，以達到最佳的視覺效果。同時，我們在鼠標懸停時使用了:hover偽類，使得按鈕背景顏色發生變化，并且陰影的深度也增加了。這種按鈕陰影效果雖然簡單，但卻非常實用，特別是在按鈕交互設計中，可以大大增強用戶體驗。