CSS中的鼠標滑過特效是網頁設計中常見的交互效果，提升用戶體驗的同時也增加了整個頁面的美觀度。下面將介紹一些常見的鼠標滑過特效。

/* 圖片透明度變化 */
img{
transition: opacity 0.5s ease-in-out;
}
img:hover{
opacity: 0.8;
}
/* 文字背景色變化 */
p{
transition: background-color 0.5s ease-in-out;
}
p:hover{
background-color: #f3f3f3;
}
/* 按鈕背景色變化 */
button{
transition: background-color 0.5s ease-in-out;
}
button:hover{
background-color: #ff0000;
}
/* 鼠標懸停變大 */
.box{
transition: transform 0.5s ease-in-out;
}
.box:hover{
transform: scale(1.1);
}

以上四種特效中，第一種是圖片透明度變化，第二種是文字背景色變化，第三種是按鈕背景色變化，第四種是鼠標懸停變大。這些特效都使用了transition屬性實現平滑過渡，其中（屬性名稱 時間 函數）為transition屬性的語法，表示在時間內使用指定的函數實現該屬性的過渡效果。同時，在:hover偽類中定義屬性值，表示當用戶鼠標懸停在元素上時顯示的效果。

通過這些實例可以看出，CSS中的鼠標滑過特效具有非常大的實際應用價值，并且能夠有效地提高頁面交互性和美觀度。而且，隨著CSS技術的迅速發展，越來越多的創新特效不斷涌現，為網頁設計師和開發者提供了更多靈活和多樣化的實現方式。