CSS作為網(wǎng)頁設計的基礎技術，有著廣泛應用。其中一個被廣泛使用的CSS屬性是按鈕展示動畫。

通過CSS的:hover屬性，可以在鼠標經過按鈕時給予它一些動態(tài)特效，以吸引用戶的注意力。下面是一個經常使用的例子：

.btn {
background-color: #008CBA;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
transition-duration: 0.4s;
}
.btn:hover {
background-color: white;
color: black;
border: 2px solid #008CBA;
}

這段代碼定義了一個按鈕，樣式包括背景色、邊框、文字顏色、內邊距、顯示方式等等。其中比較重要的是transition-duration屬性，這個屬性指定了過渡效果的持續(xù)時間，即從原狀態(tài)到:hover狀態(tài)所花的時間。

接下來，在:hover偽類中，我們使按鈕的背景顏色變?yōu)榘咨淖诸伾優(yōu)楹谏瑫r加上2px的邊框。

這樣的按鈕動畫可以在任意站點上使用，讓網(wǎng)站的設計更加醒目、生動。希望這個簡單的例子能夠給您在網(wǎng)站設計方面的靈感。