CSS按鈕變大動畫是網頁設計中常用的一種效果。通過CSS的transition屬性和:hover偽類，按鈕可以在鼠標懸停時實現從原來的大小逐漸變大的過程，增加了頁面的交互性和美觀性。下面我們來看具體的實現。

.btn{
width: 100px;
height: 30px;
border-radius: 5px;
background-color: #007bff;
color: #fff;
font-size: 14px;
text-align: center;
transition: all 0.3s ease;
}
.btn:hover{
transform: scale(1.1);
}

首先，我們先定義一個class為btn的樣式，設置按鈕的基本樣式，包括寬度、高度、顏色等。同時，我們添加了一個過渡效果，設置為all 0.3s ease，表示所有屬性都會參與過渡，過渡時間為0.3秒，過渡方式為緩動效果。這個屬性可以讓按鈕在過渡中更為平滑自然。然后，在:hover偽類中，我們使用了transform屬性，并設置為scale(1.1)，表示在鼠標懸停時，按鈕會變成原來的1.1倍大小，即會實現變大的動畫效果。

在實際使用中，我們可以根據自己的需求，調整過渡時間和變化程度，達到更好的效果。另外，需要注意的是，在使用過渡效果時要避免出現過度的快速變化，也要保證在不同瀏覽器下的兼容性。