目前，越來越多的網站開始注重用戶體驗，其中進入頁動畫是一個不可忽視的環節。通過合適的頁面動畫，可以為用戶帶來更好的視覺和交互體驗，吸引用戶留下來，增加用戶的粘性。

// CSS代碼實現進入頁動畫
/* 關閉頁面預設動畫樣式 */
* {
animation: none !important;
transition: none !important;
}
/* 隱藏頁面（可選） */
body {
visibility: hidden;
}
/* 顯示頁面 */
body.loaded {
visibility: visible;
}
/* 進入頁動畫效果 */
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* 結合進入頁的HTML文檔 */

在代碼中，我們首先通過CSS將所有頁面預設動畫關閉，避免影響我們定制的進入頁動畫。其次，我們給body添加了visibility: hidden屬性，將頁面隱藏起來，等待動畫加載完畢后再將其顯示出來。我們通過body.loaded類來標識頁面已經準備好了，可以開始顯示。注意需要結合JS將.loaded類添加到body上。

最后，我們利用CSS的@keyframes動畫，實現了一個漸變的fade-in動畫效果。將其應用到頁面變化的#page-transition元素上，就完成了一個簡單的進入頁動畫。