CSS中一個常見的效果就是在鼠標懸停時，元素會變大。這種效果可以用CSS的transform屬性來實現。

.hover {
transform: scale(1.2);
}

這段代碼表示，在鼠標懸停在類名為“hover”的元素上時，元素的大小會變為原大小的1.2倍。如果想要同時應用過度效果，可以使用transition屬性。

.hover {
transform: scale(1.2);
transition: all 0.3s ease-in-out;
}

這段代碼將元素的大小變化應用了過度效果，動畫時間為0.3秒，并且應用了緩動函數，讓效果看起來更加自然。

除了使用transform屬性，也可以使用width和height屬性來控制元素大小。這種方法的好處是，可以單獨控制元素的寬度和高度，以及進行更嚴格的布局控制。

.hover {
width: 120%;
height: 120%;
}

這段代碼將元素的寬度和高度分別增加了20%。如果想要在過度時應用動畫效果，可以同樣使用transition屬性。

.hover {
width: 120%;
height: 120%;
transition: all 0.3s ease-in-out;
}

最后，需要注意的是，改變元素大小會影響到元素的布局。如果元素增大了，可能會擠壓周圍的元素，導致布局錯亂。在使用這種效果時，需要針對具體的場景進行仔細的布局規劃。