HTML5和CSS3已經成為現代Web應用中不可或缺的一部分。CSS3為Web開發帶來了許多令人興奮的新功能。其中一個令人興奮的新功能就是CSS3動畫。 一個常見的CSS3動畫示例就是創建一個舞動的動畫效果。下面是示例代碼，我們使用pre標簽展示它：

/* 
創建一個舞動的效果 
*/
.dance {
animation-name: dance;
animation-duration: 2s;
animation-timing-function: ease-in;
animation-iteration-count: infinite;
}
@keyframes dance {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(30deg);
}
50% {
transform: rotate(0deg);
}
75% {
transform: rotate(-30deg);
}
100% {
transform: rotate(0deg);
}
}

在上面的示例中，我們創建了一個名為“dance”的CSS3動畫。我們通過@keyframes指令定義了“dance”動畫的關鍵幀。在關鍵幀中，我們定義了動畫從開始到結束的各個狀態，例如：transform屬性值，從0度旋轉到30度旋轉，再旋轉回0度，再旋轉到-30度，最后又旋轉回0度。 我們還定義了“dance”動畫的各個屬性，例如：持續時間、時間函數和迭代次數。在示例中，我們讓動畫永遠重復播放，直到停止或刪除。 最后，我們將CSS3動畫應用于指定的HTML元素，也就是舞動的效果。 CSS3動畫是一個很好的方式來為Web應用增加生動的視覺效果。它是一個強大而靈活的工具，它可以用于創建各種各樣的動畫效果，從簡單的漸變到復雜的3D動畫。如果你是一個Web開發人員，一定要嘗試一下各種各樣的CSS3動畫效果，使你的Web應用更加生動和吸引人！