CSS是前端開發中常用的一種樣式設計語言，它不僅能夠美化網站，還可以使網頁更具有交互性。其中，頁面載入特效在優化網站體驗上起到了非常重要的作用。在這篇文章中，我將會介紹如何使用CSS設置頁面載入特效。
在CSS中，我們可以使用“animation”屬性來設置載入特效。下面是一個簡單的例子：

.loader {
animation: loader-ani 1s infinite ease-in-out;
}
@keyframes loader-ani {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

在上面的代碼中，我們首先定義了一個名為“loader”的類，然后在其中使用了“animation”屬性來指定該類的載入特效。這個特效的名稱是“loader-ani”，載入時間為1秒，循環次數為無限次，動畫效果為由慢到快再到慢。
接著，我們使用“@keyframes”關鍵字來定義“loader-ani”動畫的具體內容。在這里，我們將0%的位置設置為元素不旋轉，100%的位置設置為元素順時針旋轉360度。這樣，頁面就能夠在載入時展示出一個旋轉的加載效果。
除了以上的動畫效果，我們還可以通過CSS設置其他更多的載入特效。例如，可以使用“transition”屬性來制作一個元素漸現的效果，也可以使用“transform”屬性來創建一個元素平移的效果等等。
總之，CSS可以幫助我們輕松地設置多種多樣的載入特效，以提升網站用戶的體驗感。相信通過學習本文，讀者已經掌握了一些CSS制作頁面載入特效的技巧。