CSS3 animate height是一個非常有用的CSS3屬性，它可以幫助我們在網站中制作出非常棒的動畫效果。

在使用CSS3 animate height屬性之前，我們需要先了解一些基本的知識：

代碼實例：
.box {
height: 100px;
width: 100px;
background-color: #ccc;
transition: height .5s ease-out;
}
.box:hover {
height: 200px;
}

首先，我們需要在CSS中定義一個包含動畫效果的元素，這個元素可以是一個div、一個圖片、一個文本或者其他任何你想要實現動畫效果的元素。

然后，我們需要為這個元素定義兩個狀態：正常狀態和觸發狀態。正常狀態是指元素在未進行任何操作時的狀態，而觸發狀態是指當鼠標放置在元素上時觸發的狀態。

在本例中，我們定義的是一個正常狀態下高度為100px的div元素，當鼠標放置在該元素上時，它的高度會由100px變為200px，這個過程會在0.5秒內以“ease-out”的方式完成，也就是說，在動畫過程中，元素的高度不會一直以同樣的速度增加，而是在達到最大高度的時候，緩慢減速。

通過這個簡單的例子，我們可以看到，CSS3 animate height屬性可以幫助我們輕松實現各種各樣的動畫效果，而且非常易于掌握。如果你想要制作一個炫酷的網頁動畫效果，不妨嘗試一下CSS3 animate height。