CSS3按鈕動畫特效已經成為網頁設計中非常重要的特效之一，尤其是在強調用戶點擊某個按鈕時，需要讓其有一種視覺上立即得到反饋的效果。

.btn {
background-color: #4CAF50;
border: none;
color: white;
padding: 12px 30px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 16px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
transition: all 0.3s ease-in-out;
}
.btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}
.btn:active {
transform: translateY(0);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

上面的代碼使用了CSS3的transition和transform屬性來實現按鈕懸停和點擊時的動畫效果。懸停時，按鈕會略微上移，陰影變淺；點擊時，按鈕會恢復原位，同時陰影變暗。

這個特效不僅可以用在按鈕上，也可以用在其他元素上，比如圖片，鏈接等等。而且，通過調整transition和transform屬性的值可以創建出更多的動畫效果。