在前端開發中，經常需要添加一些交互效果提升用戶的體驗。其中，鼠標劃過變大是一個經典的特效之一，實現方法也比較簡單。

/* 定義基本樣式 */
.box {
width: 100px;
height: 100px;
background-color: #ccc;
transition: all .2s ease-in-out;
}
/* 鼠標劃過時變大 */
.box:hover {
transform: scale(1.1);
}

首先，我們需要定義一個基本的盒子樣式，即寬高和背景顏色。為了實現動畫效果，需要添加transition屬性，這里設置為所有屬性變化都在 0.2 秒內完成，并且使用了ease-in-out緩動函數，讓過渡更加柔和。

接下來，我們需要定義鼠標劃過樣式。這里使用了:hover偽類選擇器，表示當鼠標懸停在盒子上時將應用這個樣式。使用transform: scale(1.1)能夠實現放大的效果，其中 1.1 表示放大的倍數，這里設置為 1.1。

在實際開發中，我們可能會添加更多的樣式，比如改變顏色、增加陰影等等。無論是基礎還是高級效果，只需要通過合理的 CSS 屬性組合，就能夠實現豐富的鼠標劃過效果。