CSS3動畫有很多種，其中之一是淡入頁面的動畫效果。這種動畫效果可以讓網頁的內容一點點地展現出來，營造出一種漸進、漸入的視覺體驗。

要實現淡入頁面的效果，需要使用CSS3中的opacity屬性和transition屬性。opacity屬性可以控制元素的不透明度，從而讓元素逐漸顯現出來；transition屬性可以讓元素的變化具有平滑過渡效果。

/*CSS代碼*/
.fade-in {
opacity: 0;
transition: opacity 2s ease-in;
}
.fade-in.active {
opacity: 1;
}

以上的CSS代碼可以實現淡入頁面的效果。首先，我們設置.fade-in元素的opacity屬性為0，使其不可見；然后利用transition屬性，讓元素的不透明度在2秒內從0逐漸變為1，并且增加了一個ease-in的過渡效果，使得變化更加平滑自然。

在HTML中，需要為需要應用淡入效果的元素添加.fade-in類，同時還要添加一個JavaScript方法來控制類名的變化，使元素從不可見狀態變為可見狀態。

/*HTML代碼*/
開始淡入
/*JavaScript代碼*/
var fadeInElement = document.querySelector('.fade-in');
window.addEventListener('load', function() {
fadeInElement.classList.add('active');
});

以上的代碼中，我們首先通過querySelector方法獲取了.fade-in類的元素，然后在頁面加載完畢后，通過classList.add方法為其添加了一個active類，從而讓其實現逐漸顯現的動畫效果。

總的來說，實現淡入頁面的動畫效果其實就是利用CSS3的opacity和transition屬性，以及JavaScript控制類名的變化，從而讓元素逐漸顯現出來。這種效果可以讓網頁看起來更加優雅、自然。