基礎的CSS動畫可以為網頁增加一些有趣的元素，并幫助網頁更加生動活潑。下面我們來看一些用CSS實現的基礎動畫效果。

/* 1. 放大效果 */
.box {
transition: transform 0.3s ease-in-out;  /* 過渡效果 */
}
.box:hover {
transform: scale(1.1);  /* 放大1.1倍 */
}
/* 2. 旋轉效果 */
.box {
transition: transform 0.3s ease-in-out;  /* 過渡效果 */
}
.box:hover {
transform: rotate(360deg);  /* 旋轉一圈 */
}
/* 3. 變換背景顏色 */
.box {
transition: background-color 0.3s ease-in-out; /* 過渡效果 */
}
.box:hover {
background-color: #ff4500; /* 改變背景色 */
}
/* 4. 淡入淡出效果 */
.box {
transition: opacity 0.3s ease-in-out; /* 過渡效果 */
}
.box:hover {
opacity: 0.5; /* 透明度變為0.5 */
}
/* 5. 移動效果 */
.box {
transition: transform 0.3s ease-in-out;  /* 過渡效果 */
}
.box:hover {
transform: translateX(20px);  /* 向右移動20px */
}

以上是一些基礎的CSS動畫效果，它們通過過渡效果transition來實現，同時利用不同的CSS屬性來增強動畫效果。當然，我們可以利用更多的CSS屬性來實現更加復雜的動畫效果，比如animation、keyframes等，讓網頁更加生動活潑。