CSS3鼠標滑過的圖標是一種十分實用的效果，它可以增加網頁的交互性和美觀性。下面我們來介紹一下實現方法。

.icon {
background-image: url('icon.png'); /* 圖標的背景圖片 */
width: 50px;
height: 50px;
display: inline-block;
}
.icon:hover {
background-position: -50px 0; /* 圖標在鼠標滑過時的背景位置 */
}

以上代碼中，我們首先創建了一個.icon類，通過設置背景圖片和寬高來顯示圖標。然后在:hover偽類中，通過改變背景圖片的位置來實現圖標在鼠標滑過時的效果。

此外，我們還可以使用CSS3的transition屬性來添加圖標的漸變效果：

.icon {
background-image: url('icon.png');
width: 50px;
height: 50px;
display: inline-block;
transition: background-position 0.3s ease; /* 圖標的漸變效果 */
}
.icon:hover {
background-position: -50px 0;
}

以上代碼中，我們在.icon類中添加了transition屬性，設置了圖標背景位置的漸變，過渡時間為0.3秒，過渡方式為ease（緩慢）。這樣，在鼠標滑過時，圖標將具有更加平滑的效果。

CSS3鼠標滑過的圖標是一種簡單而實用的效果，通過上述方法，我們可以很輕松地在網頁中實現這個效果。