CSS多頁面切換是一個常見的網頁效果，其核心是使用CSS實現頁面的動態切換。通過簡單的CSS樣式代碼，可以實現頁面之間的平滑過渡效果，讓用戶在瀏覽網頁時獲得更好的視覺效果。

.page1 {
display: block;
}
.page2, .page3 {
display: none;
}
.show-page2:hover .page1 {
display: none;
}
.show-page2:hover .page2 {
display: block;
animation: page-transition 1s;
}
.show-page3:hover .page1 {
display: none;
}
.show-page3:hover .page3 {
display: block;
animation: page-transition 1s;
}
@keyframes page-transition {
from {
opacity: 0;
transform: translateX(-100px);
}
to {
opacity: 1;
transform: translateX(0);
}
}

上面的CSS代碼展示了一個簡單的多頁面切換效果。代碼中定義了三個頁面，分別是page1、page2和page3。其中，page2和page3的display屬性都設置為none，即頁面一開始不可見。當用戶鼠標懸停在show-page2區域時，page1的display屬性設置為none，而page2的display屬性設置為block，此時動畫效果應用到page2上。同理，當用戶鼠標懸停在show-page3區域時，頁面會過渡到page3。

通過上述代碼，可以快速實現基礎的多頁面切換效果。當然，通過對CSS3動畫的靈活使用，也可以實現更多復雜的頁面切換效果，為用戶帶來更好的瀏覽體驗。