CSS動畫是網頁設計中常用的一種效果，通過CSS屬性來實現(xiàn)動態(tài)展示頁面元素的效果。CSS動畫可以增強用戶體驗，使網頁更具交互性。以下是幾種簡單的CSS動畫效果的實現(xiàn)：

/* 實現(xiàn)簡單的彈跳動畫 */
.box {
position: absolute;
bottom: 0;
animation: bounce 0.5s infinite alternate;
}
@keyframes bounce {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-30px);
}
}
/* 實現(xiàn)淡入淡出效果 */
.box {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.box:hover {
opacity: 1;
}
/* 實現(xiàn)旋轉效果 */
.box {
transform: rotate(0);
transition: transform 0.5s ease-in-out;
}
.box:hover {
transform: rotate(360deg);
}

在這些代碼中，我們使用了CSS3動畫，其中關鍵幀動畫通過@keyframes來定義，animation屬性將動畫應用到元素中。我們還使用了opacity屬性來控制元素的透明度，同時結合transition屬性實現(xiàn)動態(tài)過渡，使頁面更加生動有趣。