在網頁設計及網頁制作過程中，css3的動畫效果是非常實用的。其中鼠標經過動畫更是網頁設計中的重要組成部分。

.hover{
transition:all 0.3s;
}
.hover:hover{
transform:scale(1.1);
box-shadow:0 0 10px rgba(0,0,0,0.5);
}

上面的代碼是一個簡單的鼠標經過動畫示例。當鼠標移動到.hover元素上時，元素會有一個放大的效果，并且會出現一個陰影。這個動畫效果使用css3中的transition和transform屬性實現，動畫時間設置為0.3s。

除了動畫效果的時間、方式等可以通過屬性調整，還可以使用更豐富的動畫效果。比如可以通過設置不同的時間曲線，創建緩動動畫效果；也可以通過設置旋轉、平移、傾斜等變換方式，創造出更加復雜的動畫效果。

.hover1{
transition: all 0.3s ease-in-out;
transform-origin: center center;
}
.hover1:hover{
transform: rotate(360deg) scale(1.2);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

上面的代碼是另外一個鼠標經過動畫示例。同樣是當鼠標移動到.hover1元素上時，元素會有一個放大、旋轉、陰影的動畫效果，但這個動畫效果使用了更加豐富的屬性和變換方式。其中transition屬性中的ease-in-out表示緩動效果，在動畫開始和結束時速度較慢，在中間部分速度較快；transform-origin屬性表示動畫變換的中心點在元素的中心。

總之，鼠標經過動畫是css3中的重要部分，可以方便地為網頁設計增加生動的效果。通過變換方式、屬性等各種設置，可以創造出更加豐富多彩的動畫效果。