CSS3是前端開發中經常使用的一個技術，它可以實現很多有趣的功能，比如按鈕自動動畫效果。下面我們來看一下具體的實現方法。

/* CSS 代碼 */
.btn {
display: inline-block;
padding: 12px 24px;
border-radius: 30px;
background: linear-gradient(to right, #ff416c, #ff4b2b);
color: #fff;
font-size: 18px;
border:none;
}
.btn:hover {
animation: move 0.5s ease-in-out infinite alternate;
}
@keyframes move {
from {
transform: translateY(-3px);
}
to {
transform: translateY(3px);
}
}

這是一個基礎的按鈕樣式，我們需要給按鈕添加一個hover事件，當鼠標移動到按鈕上時，觸發動畫效果。

我們使用animation屬性來實現動畫，這個屬性可以設置動畫的名稱、動畫時長、速度曲線以及是否循環播放。

在這個例子中，我們給動畫命名為“move”，時長為0.5s，速度曲線為“ease-in-out”，并設置為無限循環播放交替的效果。

同時，在@keyframes中，我們定義了兩個關鍵幀，分別表示動畫在開始和結束時的狀態。通過transform屬性，我們讓按鈕在Y軸方向上移動3像素，從而實現上下移動的動畫效果。

通過這樣的方式，我們可以輕松地為按鈕添加動畫效果，使其更加生動有趣。