CSS淡入效果是網頁設計中常用的效果之一，通過控制元素透明度的變化來實現。想要實現這種效果，需要用到CSS中的opacity屬性。

.fade-in{
opacity: 0; /*將元素的透明度設置為0*/
transition: all 1s ease; /*添加過渡效果，1s為過渡時間，ease為過渡方式*/
}
.fade-in.active{
opacity: 1; /*將元素的透明度設置為1*/
}

以上代碼中，.fade-in為需要設置淡入效果的元素的類名，通過將其初始的opacity值設為0，使元素在初始狀態下是透明的。然后使用transition屬性為元素添加過渡效果，并設定過渡時間和過渡方式。當元素處于.active狀態時，將其opacity屬性值設為1，使元素顯示出來，從而實現淡入效果。

實現淡入效果的方法還有很多，比如使用jQuery的fadeIn()方法等。但以上方法是純CSS實現的，不需要引入其他庫并具有良好的可讀性，適合初學者掌握。