CSS頁面開場動畫是指在網頁加載完成后，在頁面中展示一些動態效果以引起用戶的注意，同時提高頁面的交互性和美觀。下面我們來介紹幾種常見的CSS頁面開場動畫方式。

/* 方式一：漸隱漸顯 */
body {
animation: show 2s ease-out;
}
@keyframes show {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* 方式二：旋轉動畫 */
.loading {
animation: rotate 1s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* 方式三：縮小放大 */
.box {
animation: zoom 1s ease-in-out infinite;
}
@keyframes zoom {
0% {
transform: scale(1);
}
50% {
transform: scale(0.8);
}
100% {
transform: scale(1);
}
}

以上是三種比較常見的CSS頁面開場動畫方式，可以根據具體需求選擇使用。需要注意的是，在使用動畫效果時要注意控制動畫的時長、速度和次數，以避免影響用戶體驗。