在CSS中，鼠標經過效果是實現網頁互動性的重要方式之一。常見的鼠標經過效果包括改變樣式、顯示隱藏元素和觸發動畫效果等。下面是一些實現鼠標經過效果的常用CSS屬性及其簡單的使用方法。

/* 改變樣式 */ 
.element:hover {
background-color: #FDD;
color: #000;
border: 1px solid #FA0;
cursor: pointer;
}
/* 顯示隱藏元素 */ 
.element:hover .hidden {
display: block;
}
/* 觸發動畫效果 */ 
.element:hover {
animation-name: move;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes move {
0% {
transform: translateX(0);
}
50% {
transform: translateX(20px);
}
100% {
transform: translateX(0);
}
}

在上面的代碼中，我們使用了偽類:hover來指定鼠標在元素上懸停時應用的樣式。第一個例子是改變樣式，我們可以更改元素的背景顏色、文字顏色、邊框等。第二個例子是顯示隱藏元素，我們在元素內加入一個隱藏的子元素，當鼠標在元素上懸停時，顯示子元素。第三個例子是觸發動畫效果，我們用關鍵幀來定義元素的動畫，當鼠標在元素上懸停時，觸發動畫效果。

在實際開發當中，我們可以根據需要結合不同的CSS屬性實現各種鼠標經過效果，這些效果不僅增加了網頁的互動性，也為用戶帶來更好的視覺體驗。