CSS 是一種用于樣式和布局的語言，它可以幫助我們實現復雜的頁面效果。其中一個常見的需求是實現頁面跳轉，本文將介紹如何使用 CSS 實現頁面跳轉效果。

首先，我們需要準備兩個 HTML 頁面，即跳轉前和跳轉后的頁面。然后，在跳轉前的頁面中，我們可以使用以下代碼創建一個鏈接，并在點擊鏈接時觸發跳轉：

<a href="path/to/destination.html" class="link">跳轉到目標頁面</a>

在這個代碼中，我們指定了鏈接的目標頁面，并為鏈接添加了一個類名“link”。接下來，我們需要設置該鏈接的樣式，使其在被點擊時產生跳轉效果。

.link {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
text-decoration: none;
transition: all 0.3s;
}
.link:hover {
background-color: #0056b3;
}

在這段代碼中，我們為鏈接設置了一些基本樣式，如背景色、文本顏色、內邊距等，并通過 transition 屬性指定了鼠標懸停時產生動畫效果的屬性。當用戶在跳轉前的頁面中點擊該鏈接時，鏈接將呈現懸停狀態的樣式，并在跳轉后的頁面中顯示目標頁面內容。

在跳轉后的頁面中，我們可以添加一些額外的樣式，使其呈現更加美觀的效果：

body {
background-color: #f5f5f5;
}
h1 {
font-size: 48px;
color: #007bff;
text-align: center;
margin-top: 100px;
}

在這里，我們為頁面的 body 元素指定了背景色，并為頁面標題元素 h1 設置了一些樣式，使其呈現更加突出的效果。

通過上述步驟，我們可以實現簡單的頁面跳轉效果，為頁面增加更豐富的交互體驗。