CSS3的特性讓網頁設計更加生動有趣，其中淡入效果很受歡迎。在以下代碼中，我們將介紹如何使用CSS3實現鼠標移上去淡入效果。

/* HTML代碼 */
<div class="box">
<p>這是一個盒子</p>
</div>
/* CSS代碼 */
.box {
width: 200px;
height: 200px;
background-color: #eee;
opacity: 0.5;
transition: opacity 0.5s ease-in-out;
}
.box:hover {
opacity: 1;
}

首先，我們需要在HTML中創建一個盒子，這可以使用div標簽。在盒子中，我們可以添加一些元素，例如段落、圖片等等。

在CSS中，我們使用.box選擇器來定義盒子的樣式。我們給盒子一個固定的寬度和高度，并設置了一個背景顏色。我們將透明度設置為0.5，這樣盒子將半透明顯示。我們還通過transition屬性指定了動畫效果，并將其設置為0.5秒，以平滑轉換效果。

在:hover偽類中，我們將透明度設置為1，這樣當用戶將鼠標移動到盒子上方時，它就會慢慢地變得不透明。

這種淡入效果可以為網頁增加一些動態特征，增強用戶體驗。在實際應用中，我們可以將它應用到各種元素上，例如按鈕、導航菜單等等。