CSS 是前端開發中非常重要的一個部分，可以實現很多動態效果，比如鼠標懸浮動畫。下面我們來看看如何使用 CSS 實現這個效果。

.example {
width: 200px;
height: 200px;
background: #333;
color: #fff;
font-size: 24px;
display: flex;
justify-content: center;
align-items: center;
transition: all .3s ease-in-out;
}
.example:hover {
transform: scale(1.1);
background: #f00;
}

代碼中的.example是一個樣式類，樣式中設置了元素的寬度、高度、背景色等屬性，并且設置了一個過渡動畫（transition），它表示在鼠標懸浮時，元素的屬性變化需要經過指定的時間，并且變化的形式是緩入緩出。

鼠標懸浮時，會觸發:hover偽類，我們可以在這里設置元素的變化規則，比如改變元素的背景色，設置元素縮放等。在本例中，當鼠標懸浮時，元素會縮放 1.1 倍，背景色變為紅色。

通過這種方式，我們可以實現非常簡單、有趣的交互效果，增強頁面的活力。