CSS是一種常用的網頁制作語言，它可以使用各種屬性來實現頁面的美化效果。其中，動畫效果也是很多網站設計師經常使用的一種技巧，可以讓網頁更加生動、吸引人。以下是一些CSS中好看的動畫效果，供大家參考。

1. 過渡效果（Transition）
過渡效果是CSS中最基本的動畫效果之一，它可以讓元素從一種狀態平穩的過渡到另一種狀態。我們可以使用“transition”屬性來定義元素的過渡效果。
代碼示例：
div {
transition: all 0.5s ease;
}
這個例子中，我們指定了元素的所有屬性都要進行過渡效果，過渡時間為0.5秒，過渡模式為“ease”（即平滑過渡）。
2. 旋轉效果（Rotate）
旋轉效果可以讓元素在不同的角度之間旋轉，非常適合做各種動態LOGO效果。我們可以使用“transform”屬性來定義元素的旋轉效果。
代碼示例：
div {
transform: rotate(45deg);
}
這個例子中，我們讓一個div元素向右上方旋轉45度。同時，我們也可以通過“transform-origin”屬性來指定旋轉的中心點。
3. 縮放效果（Scale）
縮放效果可以讓元素在不同的尺寸之間縮放，非常適合做元素的變形動畫。我們可以使用“transform”屬性來定義元素的縮放效果。
代碼示例：
div {
transform: scale(1.5);
}
這個例子中，我們讓一個div元素放大1.5倍。同時，我們也可以結合使用“transform-origin”屬性來指定縮放的中心點。
4. 晃動效果（Shake）
晃動效果可以讓元素在不斷地晃動中增加動態感。我們可以使用“animation”屬性來定義元素的晃動效果。
代碼示例：
div {
animation: shake 0.5s ease;
}
這個例子中，我們通過定義一個名為“shake”的keyframe來實現元素的晃動效果。同時，通過“animation-duration”屬性指定動畫時間為0.5秒，通過“animation-timing-function”屬性指定動畫的緩動效果。
5. 漸隱漸現效果（Opacity）
漸隱漸現效果可以讓元素在不斷的淡入淡出中增加迷幻感。我們可以使用“opacity”屬性來定義元素的透明度。
代碼示例：
div {
opacity: 0;
transition: all 0.5s ease;
}
div:hover {
opacity: 1;
}
這個例子中，我們先將一個div元素的透明度設置為0，然后在鼠標懸停時將透明度漸變為1。同時，我們也結合使用了“transition”屬性來讓透明度的變化效果更加平穩。

總之，以上這些CSS中好看的動畫效果可以讓你的網頁更加生動、吸引人。希望大家在制作網頁時可以多嘗試這些技巧，打造出更出色的作品。