CSS 可以實現各種各樣的頁面切換特效，讓頁面更加生動有趣。下面介紹一些常見的頁面切換動畫。

1. 淡入淡出

.fade {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.fade.active {
opacity: 1;
}

2. 左右滑動

.slide {
transform: translateX(-100%);
transition: transform 0.5s ease-in-out;
}
.slide.active {
transform: translateX(0);
}

3. 上下滑動

.up-down {
transform: translateY(-100%);
transition: transform 0.5s ease-in-out;
}
.up-down.active {
transform: translateY(0);
}

4. 縮放

.scale {
transform: scale(0);
transition: transform 0.5s ease-in-out;
}
.scale.active {
transform: scale(1);
}

以上只是一些簡單的實現方式，還有更多更復雜的頁面切換特效可以在實際應用中嘗試。在實現過程中，需要注意 CSS 動畫的兼容性，以及控制好動畫的時間和速度，使用戶的過渡體驗更加自然流暢。