CSS3動畫是WEB設計中一個非常重要的技術之一，既可以提升頁面的美觀度又能夠為用戶帶來更好的體驗。其中高度動畫是比較常見的一種動畫效果。

高度動畫指的是在頁面中元素的高度發生變化時，采用CSS3動畫來實現動態效果。通過CSS3對元素高度的改變，可以實現多種動態效果，如元素的上升，下降，收縮和展開等等。

.box{
height: 100px;
transition: height 1s;
}
.box:hover{
height: 200px;
}

上面的代碼是一個簡單的高度動畫實現。我們定義一個名為.box的元素，設置它的高度為100像素，并增加一個1秒的過渡效果。當鼠標移動到.box元素上時，它的高度會在1秒內從100像素增加至200像素。

這個動畫的實現，是因為我們在.box:hover偽類上設置了高度變化的屬性，這就觸發了CSS3動畫特性。當.box:hover被觸發時，頁面會自動過渡顯示出元素的新高度，實現最終效果。

除了偽類:hover，我們還可以使用其他事件來設置元素高度的變化引起動畫效果，如onclick等。在實際應用中，我們可以根據不同的需求，來添加不同的CSS3動畫效果，為用戶帶來更好的瀏覽體驗。