在現代網頁設計中，動畫效果已經成為越來越重要的一個元素。當用戶在瀏覽網頁時，常常會注意到有一些頁面中使用了一些優美的動畫效果。CSS中也提供了豐富的動畫效果實現方法。

/* 使用 translate 實現位移動畫 */
.example {
transition: transform 0.5s ease;
}
.example:hover {
transform: translate(50px, 50px);
}
/* 使用 opacity 實現淡入淡出動畫 */
.example2 {
transition: opacity 0.5s ease;
}
.example2:hover {
opacity: 0.5;
}
/* 使用 scale 實現縮放動畫 */
.example3 {
transition: transform 0.5s ease;
}
.example3:hover {
transform: scale(1.5);
}

以上是一些常用的動畫效果實現方式。這些 CSS 屬性常用于 hover 狀態的效果展示，但也可以通過 JavaScript 控制其它狀態的動畫效果展示。

在使用 CSS 動畫時，可以通過設置各種屬性實現細膩的效果。同時需注意，一些過度動畫效果可能會影響頁面的加載速度，因此需優化提高性能。

總的來說，CSS 動畫是一個讓網頁設計更加生動的好方法，但需要注意它對網頁性能的影響。