在CSS3中，我們可以使用:hover偽類選擇器來實現鼠標經過時的效果，如下面代碼所示：

selector:hover {
/* 鼠標經過時的樣式 */
}

常用的效果包括改變背景色、改變字體顏色、添加邊框、改變文字大小等。例如下面的代碼實現鼠標經過時的背景色改變效果：

button:hover {
background-color: #00FF00;
}

更多的效果可以參考以下的代碼示例：

a:hover {
color: #FF0000; /* 改變鏈接文字顏色 */
text-decoration: underline; /* 添加下劃線 */
}
img:hover {
transform: scale(1.2); /* 擴大圖片 */
transition: transform 0.5s ease-in-out; /* 添加過渡效果 */
}
input[type="submit"]:hover {
box-shadow: 2px 2px 5px #888888; /* 添加陰影效果 */
}
div:hover::after {
content: "Hello World!"; /* 在div后添加文字 */
font-size: 20px;
color: #FFFFFF;
}

通過使用:hover偽類選擇器，我們可以輕松地為網頁添加各種動態效果，使頁面更加生動有趣。