CSS3是CSS的最新版本，它提供了很多新的功能，其中變大變小就是其中之一。

/* 變大 */
div:hover {
transform: scale(1.2);
}
/* 變小 */
div:active {
transform: scale(0.8);
}

上述代碼是實現變大變小效果的基本代碼，其中scale屬性是用來改變元素大小的，取值范圍是0到無窮大，1為原始尺寸。

其中，鼠標懸停在元素上時，使用:hover偽類選擇器，將元素變大1.2倍，而當鼠標按下時，使用:active偽類選擇器，將元素變小0.8倍。

值得注意的是，CSS3的變大變小效果是通過transform屬性實現的，并非改變元素的width和height屬性。

除了scale屬性，CSS3還提供了其他變換效果，如旋轉、傾斜、位移等，這些效果可以結合使用，創造出更加炫酷的視覺效果。

總之，CSS3的變大變小效果在網頁設計中有著廣泛的應用，可以使元素更加生動、有趣。