在網站設計中，鼠標移動時的動態效果可以增加用戶體驗和頁面互動性。CSS3 動態效果為我們提供了易于實現的解決方案，下面就來看一下如何實現鼠標移動 css3 動態。

.hover {
background-color: #fff;
transition: all 0.3s ease;
}
.hover:hover {
background-color: #000;
color: #fff;
}

在上述代碼中，我們定義了一個 .hover 類，這個類用于表示鼠標移動到該元素上時的效果。然后使用 transition 屬性為該元素添加了動畫過渡效果，過渡時間為 0.3 秒，過渡方式為 ease。

接著，我們為 .hover:hover 定義了鼠標移動上去后的效果，背景顏色變為黑色，文字顏色變為白色。

在實際使用中，我們可以將 .hover 類添加到圖片、按鈕和鏈接等元素上，從而實現鼠標移動時的動態效果。比如：

<div class="hover">
<img src="example.png" alt="example">
</div>

這里，我們在一個 div 元素上添加了 .hover 類，然后在該 div 中插入了一張圖片。當鼠標移動到該 div 上時，圖片的背景顏色將變為黑色，文字顏色將變為白色。

總之，通過使用鼠標移動 css3 動態效果，我們可以輕松地實現網站頁面的交互性和動態性，讓用戶獲得更好的瀏覽體驗。