在現代網頁設計中，自動變大的效果越來越受歡迎。CSS3為我們提供了一種實現這種效果的新方法。

使用CSS3，我們可以使用“transition”屬性來控制元素的變化過渡效果。例如，我們可以設置當一個元素被鼠標懸停時，要緩慢地放大它的尺寸。

.box {
height: 50px;
width: 50px;
background-color: #FFA500;
transition: transform 0.5s ease-in-out;
}
.box:hover {
transform: scale(1.2);
}

上面的代碼中，我們定義了一個類名為“box”的元素，它的高度和寬度分別為50像素，并具有一個橙色的背景色。我們還通過“transition”屬性指定了一個0.5秒的效果過渡時間，并使用“ease-in-out”使變化感覺更加自然。

接下來，在“:hover”偽類選擇器下，我們將元素的“transform”屬性設置為“scale（1.2）”，這將使它放大20%。

使用這種CSS3方法，我們可以輕松地為我們的網頁添加動畫效果，從而為用戶提供更優秀的用戶體驗。