CSS3中的動畫效果可以給網頁增加很多互動性，其中鼠標經過動畫是比較常見的一種效果。下面就讓我們來使用CSS3實現一個簡單的鼠標經過動畫。

/* CSS代碼 */
.box {
width: 100px;
height: 100px;
background-color: red;
transition: width 0.3s ease-in-out;
}
.box:hover {
width: 150px;
}

上面這段CSS代碼中，我們先定義了一個名為“box”的div元素，并設置了它的寬度、高度和背景顏色，然后在它上面使用了CSS3中的transition屬性來設置它的寬度變化為0.3秒，并使用了ease-in-out緩動函數來使動畫效果更加平滑。接著，在box元素上使用:hover偽類來定義當鼠標移到它上面時的樣式，這里我們將它的寬度改為150像素，這樣當鼠標移到box元素上時，它的寬度就會從100像素平滑過渡到150像素。

除了上面的transition屬性以外，CSS3還提供了很多其他可以用于動畫的屬性，比如animation、transform、opacity等等，它們可以實現更加復雜的鼠標經過動畫效果。同時，由于CSS3可以直接在瀏覽器中運行，所以它的動畫效果通常比使用JavaScript實現的效果更加流暢。

總之，CSS3鼠標經過動畫效果是一種很實用的網頁設計技巧，它能夠為網頁增加很多動態效果，同時也可以提升用戶體驗。如果你還沒有嘗試過使用CSS3實現鼠標經過動畫，那么趕快試試吧！