CSS是一種增強Web頁面的樣式語言，它可以實現許多與用戶交互的效果，比如頁面動畫。頁面動畫可以讓網站更加生動有趣，提高用戶的瀏覽體驗。本文將會介紹幾個比較常用的頁面動畫CSS樣式。

/* 1. 漸變動畫 transition */
.trans {
transition: all .5s ease-in-out;
}

transition是CSS的一個屬性，可以控制元素屬性發生變化時的過渡效果。以上代碼中的all表示所有元素的屬性都實現該效果，最后的.5s表示動畫的持續時長，ease-in-out表示動畫漸變效果的速度曲線。這里我們將會在:hover時加上一個發生變化的效果，比如改變背景色：

/* hover效果 */
.trans:hover {
background: linear-gradient(90deg, #f25f5c 0%, #84b1ed 100%);
color: #fff;
}

/* 2. 閃爍動畫 animation */
.flash {
animation: flash 1s infinite;
}
@keyframes flash {
50% {
opacity: 0;
}
}

animation是CSS的另一個屬性，可以通過關鍵幀（keyframe）來實現動畫效果。以上代碼中的flash是動畫名稱，1s表示動畫的持續時長，infinite表示動畫無限循環。關鍵幀的定義在@keyframes中，這里我們定義一個50%的位置將透明度設為0，實現了元素的閃爍效果。

/* 3. 移動動畫 transform */
.move {
transform: translateX(-100%);
transition: transform .5s ease-in-out;
}
.move.show {
transform: translateX(0);
}

transform是CSS的另一個屬性，可以控制元素的形態變換，比如移動、旋轉、縮放等。以上代碼中的translateX表示X軸移動的距離，我們將元素移出屏幕之外，通過設置.show類名，實現元素在頁面中從左側滑出的動畫效果。

以上是關于頁面動畫CSS樣式的簡單介紹，當然還有許多其他的動畫效果可以有創意地運用在網站中，希望本文能給你的創作帶來一些靈感和幫助。