CSS3動畫是網頁設計中經常使用的技術之一。通過CSS3，我們可以賦予網頁更多生動的效果，例如網頁元素的旋轉、移動、漸變等等。在本文中，我們將介紹如何使用CSS3動畫來打造一個簡單的按鈕。

/* 基礎樣式設置 */
.button {
display: inline-block;
padding: 10px 20px;
font-size: 16px;
color: #ffffff;
background-color: #ff9900;
border-radius: 6px;
text-align: center;
cursor: pointer;
}
/* 設置按鈕懸停時的狀態 */
.button:hover {
background-color: #ffbf5a;
}
/* 設置按鈕按下時的狀態 */
.button:active {
background-color: #ff7d00;
transform: translateY(2px);
transition-duration: 0.2s;
}

以上代碼中，我們使用了transform屬性來設置按鈕按下后向下移動2像素的效果，并使用transition-duration屬性來設置其過渡時間。通過這些CSS屬性的運用，我們成功地打造出一個具有生動效果的按鈕。