CSS中鼠標移上去出現效果是網頁設計中非常常見的一個特效。利用CSS來實現這個效果，可以讓頁面更加生動有趣。

下面是一個常見的鼠標移上去出現效果的CSS代碼：

/*設置默認樣式*/
.box {
width: 200px;
height: 200px;
background: #ccc;
transition: all .5s;
}
/*設置鼠標移上去時的樣式*/
.box:hover {
background: #ff6600;
box-shadow: 2px 2px 10px #999;
transform: translateX(50px);
}

上面的代碼中，我們首先設置了一個默認的樣式，即box類的背景顏色是灰色的。然后，我們給box類設置了一個:hover偽類，表示當鼠標移上去時要顯示的樣式。

在:hover偽類中，我們設置了新的背景顏色，即橙色，還設置了一個陰影效果，以及一個transform屬性，用來實現移動效果。具體解釋如下：

• background: #ff6600; //設置新的背景顏色
• box-shadow: 2px 2px 10px #999; //設置陰影效果
• transform: translateX(50px); //設置移動效果，向右移動50px

通過這些代碼，我們就可以實現一個簡單的鼠標移上去出現效果。