當我們在網頁設計中，有時需要給某些元素添加一些鼠標懸浮效果，比如鼠標懸浮在圖片上時，讓圖片放大或者加上一個透明的遮罩層，這樣可以增強用戶的交互體驗。

那么，如何實現鼠標懸浮效果變久呢？其實，這只需要幾行CSS代碼就可以搞定，下面讓我們來看一下：

img:hover {
transform: scale(1.2); /* 圖片放大1.2倍 */
transition: all 0.5s ease; /* 緩慢過渡，持續時間為0.5秒 */
}

從上面的代碼可以看出，我們是通過兩個CSS屬性來實現鼠標懸浮效果：transform和transition。

transform屬性可以實現各種變換效果，比如平移、旋轉、縮放和傾斜等等。在上面的代碼中，我們使用了transform: scale(1.2)這個屬性來實現圖片的放大效果，例如將圖片放大1.2倍。

transition屬性用于設置元素的過渡效果，可以讓元素的某些屬性在一定時間內發生平滑的變化。在上面的代碼中，我們使用了transition: all 0.5s ease這個屬性來設置元素的過渡效果為持續0.5秒，并且添加了ease緩動屬性。

通過這兩個屬性的結合，我們就可以實現鼠標懸浮效果變久的效果了。你可以按照上面的代碼去嘗試編寫其他鼠標懸浮效果，例如添加一個透明的遮罩層，或者放大按鈕等等。記住，CSS的魅力在于它的無限可能，只需要掌握基本的語法和屬性，就可以創造出無數的新效果。