隨著互聯網的發展，網頁設計也越來越重要，除了網頁排版、圖像等靜態的設計外，動態效果也成為了現代網頁設計的一個重要元素。作為網頁美化的一部分，CSS中的網頁動畫開始引起越來越多的關注。

/* 使用 keyframes 實現一個簡單的彈跳效果 */
@keyframes bounce {
0%, 50%, 100% {
transform: translateY(0);
}
25% {
transform: translateY(-20px);
}
75% {
transform: translateY(-10px);
}
}
.animated {
animation: bounce 2s infinite;
}

CSS中的網頁動畫通過關鍵幀（keyframes）來實現元素在不同時間點下的不同狀態，從而達到不同的動態效果。上面的代碼中使用了 keyframes 來定義了一個跳躍的動畫，通過 animation 將這個動畫綁定到一個類名上，然后在HTML中將元素聲明為這個類名，即可以讓這個元素具有彈跳的效果。

除了 keyframes 和 animation 外，CSS中還有 transition，transform 等屬性也可以用于網頁動畫的實現。通過這些屬性，我們可以實現各種各樣的效果，比如移動、縮放、旋轉等等。

/* 使用 transition 實現一個簡單的顏色過渡效果 */
.animated2 {
background-color: #f00;
transition: background-color 1s ease;
}
.animated2:hover {
background-color: #00f;
}

上面的代碼中，我們使用了 transition 來實現鼠標懸停時顏色過渡的效果。這里的 transition 屬性指定了從 background-color 的原始狀態到最終狀態需要1秒的時間，且在過渡時使用了緩動函數（ease）。

總之，CSS中的網頁動畫是一個非常方便簡單的效果，通過其中的屬性和關鍵幀可以實現各種各樣的效果，不論是動態的圖像還是網頁交互上的效果都可以通過它們輕松實現。