CSS是網頁設計中常用的工具之一，通過CSS可以對網頁進行各種排版、布局、視覺效果的設置。其中，動畫效果是能夠吸引用戶眼球，達到優化用戶體驗的一種手段。下面介紹幾種在CSS中好看的動畫效果。

/*1.閃爍效果*/
/*html*/
<div class="blink">Blink</div>
/*css*/
.blink{
animation: blink 1s infinite;
}
@keyframes blink{
50%{
opacity: 0;
}
}
/*2.旋轉效果*/
/*html*/
<div class="rotate">Rotate</div>
/*css*/
.rotate{
animation: rotate 1s infinite;
} 
@keyframes rotate{
from{
transform: rotate(0deg);
}
to{
transform: rotate(360deg);
}
}
/*3.彈跳效果*/
/*html*/
<div class="bounce">Bounce</div>
/*css*/
.bounce{
animation: bounce 1s infinite;
}
@keyframes bounce{
0%, 100%, 20%, 50%, 80%{
transform: translateY(0);
}
40%{
transform: translateY(-30px);
}
60%{
transform: translateY(-15px);
}
}

以上是三種好看的動畫效果，它們分別是閃爍、旋轉和彈跳效果。其中，閃爍效果通過控制元素的opacity屬性實現，旋轉效果通過控制元素的transform屬性實現，而彈跳效果則是通過控制元素的translateY屬性實現。

這些動畫效果雖然看起來簡單，但可以大大提升網頁視覺效果，并讓用戶在操作頁面時感受到良好的互動和動態感。