CSS3中有很多鼠標經過特效，可以讓網頁變得更加生動有趣。下面介紹幾種比較常見的效果。

/*當鼠標經過該元素時，文字變色的效果*/
p:hover {
color: red;
}
/*當鼠標經過該元素時，元素背景色漸變的效果*/
p:hover {
background: linear-gradient(to bottom right, red, yellow);
}
/*當鼠標經過該元素時，元素透明度逐漸減小的效果*/
p:hover {
opacity: 0.5;
transition: opacity 0.5s; /*設置過渡效果，時長為0.5秒*/
}
/*當鼠標經過該元素時，元素旋轉的效果*/
p:hover {
transform: rotate(180deg); /*旋轉180度*/
transition: transform 0.5s; /*設置過渡效果，時長為0.5秒*/
}
/*當鼠標經過該元素時，元素放大的效果*/
p:hover {
transform: scale(1.5); /*放大1.5倍*/
transition: transform 0.5s; /*設置過渡效果，時長為0.5秒*/
}
/*當鼠標經過該元素時，元素邊框變色的效果*/
p:hover {
border: 2px solid red;
}
/*當鼠標經過該元素時，元素陰影變化的效果*/
p:hover {
box-shadow: 0 0 10px 5px red; /*設置陰影，由內向外寬度為0，顏色為red，模糊程度為10px，陰影擴散半徑為5px*/
}

以上是幾種常見的鼠標經過特效，可以根據實際需求自由組合使用。當然，過多的動畫效果會影響網頁的加載速度，需要根據情況合理使用。