CSS3圓角動畫是指在CSS3中，通過使用border-radius屬性來定義元素的圓角，同時利用CSS3中的transition屬性來實現動畫效果，從而讓頁面更加生動。下面是一個簡單的示例：

.box{
width: 100px;
height: 100px;
background: #f2f2f2;
border-radius: 50%;
transition: all 1s ease-in-out;
}
.box:hover{
transform: rotate(360deg);
}

以上代碼創建了一個寬高為100px的圓形盒子，背景顏色為#f2f2f2。通過設置border-radius屬性為50%來定義了圓角效果，并使用transition屬性來控制動畫的執行時間、執行方式。

當鼠標放在盒子上方時，使用:hover偽類選擇器來選擇元素，并設置transform屬性為rotate(360deg)，從而讓盒子順時針旋轉一圈。

除了使用:hover偽類選擇器來觸發動畫外，還可以使用JavaScript來實現動態控制動畫的效果。下面是一個簡單的示例：

.box{
width: 100px;
height: 100px;
background: #f2f2f2;
border-radius: 50%;
transition: all 1s ease-in-out;
}
.box.active{
transform: rotate(360deg);
}

以上代碼創建了一個與前面類似的圓形盒子。通過設置一個.active類，并使用JavaScript動態為盒子添加或刪除這個類來控制盒子的旋轉效果。

綜上，CSS3圓角動畫是一種使用border-radius和transition屬性來實現頁面動畫效果的方法，通過對元素的圓角屬性進行設置和控制，讓頁面更加動態生動。