Button是網頁開發中非常重要的一部分，而純CSS動畫可以為Button增添生動感。下面我們來看如何使用純CSS動畫實現Button動畫效果。

.btn {
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border-radius: 5px;
transition: all 0.5s ease;
}
.btn:hover {
background-color: #008cba;
transform: scale(1.1);
}
.btn:active {
background-color: #005b9f;
transform: scale(0.9);
}

上述代碼中定義了三種Button狀態：默認狀態、鼠標懸停狀態和鼠標按下狀態。其中，所有狀態都具有過渡效果，可以使Button的狀態轉換更加平滑。在鼠標懸停狀態下，Button的背景顏色和大小都會改變，以增加用戶交互體驗。而當鼠標按下時，Button還會有一個縮小動畫，以便更好的反饋用戶的點擊操作。

除了上述動畫之外，還可以使用其他的CSS屬性來實現更多效果，例如：
1. 增加陰影：box-shadow
2. 旋轉動畫：transform: rotate()
3. 邊框動畫：border-radius、border-color等屬性

總之，使用CSS動畫可以使Button更加生動、活潑。希望本篇文章對你有所幫助。