CSS（Cascading Style Sheets）是一種用于描述網頁樣式的語言，通過為HTML元素添加CSS樣式，可以實現網頁的美化和布局。除了常規的靜態樣式之外，CSS還提供了一些動畫屬性，可以實現一些簡單的動畫效果，為網頁增添生動的氣息。下面我們來看看如何實現簡單的CSS動畫效果。

首先，我們需要了解幾個常用的CSS動畫屬性：

animation-name：指定動畫效果的名稱；
animation-duration：指定動畫持續時間；
animation-timing-function：指定動畫的過渡效果；
animation-delay：指定動畫的延遲時間；
animation-iteration-count：指定動畫的循環次數；
animation-direction：指定動畫的方向。

接下來，我們通過幾個案例來演示如何實現CSS動畫效果。

例1：實現一個簡單的旋轉效果

.box {
width: 100px;
height: 100px;
border: 1px solid #ccc;
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

以上代碼實現了一個盒子的旋轉效果，通過animation屬性指定了動畫的名稱、持續時間、過渡效果和循環次數，通過@keyframes指定了動畫的關鍵幀，即從哪個狀態到哪個狀態。

例2：實現一個簡單的彈跳效果

.box {
width: 100px;
height: 100px;
border: 1px solid #ccc;
animation: bounce 1s ease-in-out infinite;
}
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
25% {
transform: translateY(-30px);
}
50% {
transform: translateY(0);
}
75% {
transform: translateY(-15px);
}
}

以上代碼實現了一個盒子的彈跳效果，通過animation屬性指定了動畫的名稱、持續時間、過渡效果和循環次數，通過@keyframes指定了動畫的關鍵幀，即從哪個狀態到哪個狀態。

除了以上兩個案例，CSS動畫還可以實現很多其他的效果，如漸變、翻轉、縮放等，具體的實現方式需要根據不同的需求而定。