CSS鼠標經過效果是網頁設計中常用的一種特效，能夠讓網頁更加活躍、吸引人的眼球，提升用戶的體驗感。下面是一些設置鼠標經過效果的CSS樣式：

.hoverClass:hover {
color:red;
background-color:#fff;
}

以上代碼中的 hover 是偽類選擇器，表示當鼠標經過某個元素時，該元素的狀態。

.wave:hover{
text-shadow:
0 1px 0 #fff,
0 2px 0 #fff,
0 3px 0 #fff,
0 4px 0 #fff,
0 5px 0 #fff,
0 6px 0 #fff,
0 7px 0 #fff,
0 8px 0 #fff,
0 9px 0 #fff,
0 10px 0 red;
}

以上代碼通過 text-shadow 屬性設置文字的投影效果，實現了文字波浪效果。

.scale:hover {
transform: scale(1.2);
transition: ease-in-out 0.2s;
}

以上代碼利用了 transform 屬性和 transition 屬性，實現了當鼠標經過圖片時放大縮小的效果。

.gradient:hover {
background: linear-gradient(to right, #ff9966, #ff5e62);
transition: ease-in-out 0.2s;
}

以上代碼利用了 linear-gradient 屬性和 transition 屬性，實現了當鼠標經過元素時背景色出現漸變效果的效果。

以上是一些常用的CSS鼠標經過效果設置，可以根據自己的需求進行設置，讓網頁更加美觀醒目。