CSS3的出現為網頁設計師提供了豐富的樣式特效，其中豎直放大效果是一個十分常見和實用的特效，它可以讓網頁元素在鼠標移入時呈現出自上而下的放大效果，使頁面更加生動。

/*基本樣式*/
.box{
width: 200px;
height: 100px;
background-color: #f6f6f6;
text-align: center;
line-height: 100px;
font-size: 18px;
border-radius: 5px;
overflow: hidden;
}
/*鼠標移入效果*/
.box:hover{
transform: scaleY(1.5);
transition: transform 0.5s ease;
}

以上代碼中，box是需要實現豎直放大效果的元素容器，我們首先定義了基本的樣式，包括寬高、背景顏色、文本對齊等等。

當鼠標移入box元素時，我們使用CSS3中的transform屬性來實現元素的豎直放大效果，具體來說就是使用scaleY函數將元素從上到下拉伸1.5倍，同時我們還使用transition屬性添加緩動效果，使過渡更加平滑。

需要注意的是，在使用豎直放大效果的時候，我們需要將元素的overflow屬性設置為hidden，這樣可以避免元素在放大時出現不必要的滾動條。

總的來說，CSS3的豎直放大效果為網頁設計師提供了更豐富的樣式選擇，同時也使得網頁更加美觀生動，給用戶帶來更好的交互體驗。