CSS的按鈕按下動畫可以提升網(wǎng)頁的交互體驗，讓頁面更加生動有趣。下面介紹一個簡單的CSS按鈕按下動畫。

/* 創(chuàng)建按鈕 */
.btn {
display: inline-block;
padding: 10px 20px;
border: none;
background-color: #3498db;
color: #fff;
font-size: 16px;
cursor: pointer;
outline: none;
position: relative;
}
/* 鼠標(biāo)按下時的動畫 */
.btn:active {
top: 2px;
left: 2px;
}

以上代碼中，我們創(chuàng)建了一個類名為btn的按鈕，并為其設(shè)置了樣式屬性。其中padding屬性控制了按鈕內(nèi)部的填充大小，border屬性定義了按鈕的邊框，background-color屬性設(shè)置了按鈕的背景色， color屬性控制了按鈕內(nèi)文字的顏色。這些屬性可以根據(jù)需要進行調(diào)整。

接下來，我們?yōu)榘粹o設(shè)置了一個:active偽類，當(dāng)用戶點擊按鈕時，按鈕會向下和向右移動2個像素，形成一種按下的效果。要實現(xiàn)這個效果，我們使用了top和left屬性，使用相對定位position: relative。除了top和left屬性，還可以使用其他CSS屬性來實現(xiàn)更加豐富的按鈕動畫效果。

這就是一個簡單的CSS按鈕按下動畫。當(dāng)然，還可以使用JavaScript等其他技術(shù)擴展按鈕的交互效果，使頁面更加生動有趣。