在網頁設計中，按鈕可以說是非常常見的UI組件了。但是，如果按鈕沒有動起來，即使再漂亮也會讓人感覺單調乏味。那么，如何使用CSS讓按鈕動起來呢？

.button {
background-color: #3498db;
border: none;
color: #ffffff;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
}
.button:hover {
background-color: #ffffff;
color: #3498db;
}

以上代碼展示了如何使用CSS讓按鈕動起來。我們通過:hover偽類實現了鼠標懸浮時的效果。具體來說，我們在按鈕的初始狀態下設置了背景顏色，字體顏色等屬性。而在:hover狀態下，我們將背景顏色和字體顏色進行了反轉。

同時，在原始狀態下，我們還通過transition-duration屬性設置了過渡時間。這樣就可以實現從原始狀態到:hover狀態的平滑過渡了。

總結：通過使用:hover偽類和transition-duration屬性，我們可以很容易地實現CSS按鈕動起來的效果。這不僅可以增加網頁的趣味性，也可以提高用戶的交互體驗。