CSS3全屏滑動效果可以幫助頁面更加流暢地滑動，提升用戶體驗。下面，我們通過代碼來實現全屏滑動效果。

/* 在CSS中定義每個頁面的樣式 */
.full-page {
height: 100vh; /*設置高度為100%*/
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

在HTML中，我們需要為每個頁面定義一個類名，并且使用相應的JavaScript代碼來實現頁面的劃動效果。

頁面1
第一頁的內容
頁面2
第二頁的內容
頁面3
第三頁的內容
頁面4
第四頁的內容

有了上面的代碼，我們就可以實現全屏滑動效果了。當然，你可以根據自己的需要修改CSS和JavaScript代碼，以實現更多的效果。