按鈕動畫CSS在設計網站和應用程序時經常使用。它可以增加用戶界面的互動性和吸引力。我們可以通過CSS屬性（CSS property）來控制按鈕動畫，并通過開啟CSS動畫（CSS animation）來增加動畫效果。

樣例CSS代碼：
.btn {
background-color: #3498db;
color: #fff;
border: none;
padding: 12px 24px;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.2s ease-out;
}
.btn:hover {
background-color: #2980b9;
}
.btn:active {
transform: translateY(2px);
}

上面這段CSS代碼使用了transition（過渡）和transform（轉換）屬性，來增加按鈕動畫。當鼠標懸停在按鈕上面時，進行顏色過渡。當按鈕被點擊時，通過位移轉換向下移動2個像素。

也可以使用 @keyframes 規則來構建更復雜的按鈕動畫。通過定義關鍵幀，可以讓按鈕以自定義方式改變。下面是一個使用 @keyframes 定義的樣例CSS代碼：

@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
.btn {
background-color: #3498db;
color: #fff;
border: none;
padding: 12px 24px;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
animation: pulse 2s infinite;
}

上面這段CSS代碼定義了一個名為pulse的關鍵幀，當應用到按鈕上時，按鈕會在2秒鐘內改變大小，然后無限循環。這樣的動畫效果可以給用戶帶來更好的互動體驗。

總之，使用CSS來增加按鈕動畫效果是一種提高互動性和吸引力的有效方法。您可以使用簡單的屬性和關鍵幀，來創造出令人驚嘆的動畫效果。