CSS3是一種用于設計和格式化網頁的語言，其中包含了一些用于創造動畫效果的新屬性。這些新屬性可以幫助網頁設計師在網頁元素上添加動畫效果，使網頁更加吸引人。

/* 創建動畫的步驟 */
/* 1. 定義關鍵幀 */
@keyframes 動畫名稱 {
/* 定義動畫發生的時間和狀態 */
0% {
/* 初始狀態 */
}
50% {
/* 中間狀態 */
}
100% {
/* 結束狀態 */
}
}
/* 2. 給元素添加動畫 */
選擇器 {
/* 指定動畫名稱 */
animation-name: 動畫名稱;
/* 指定動畫發生的時間 */
animation-duration: 時間;
/* 指定動畫方式 */
animation-timing-function: ease-in-out;
/* 指定動畫是否循環播放 */
animation-iteration-count: infinite;
}
/* CSS3動畫屬性的解釋 */
/* animation-name: 指定動畫名稱，需要與@keyframes定義的名稱相同 */
/* animation-duration: 指定動畫發生的時間，以秒為單位 */
/* animation-timing-function: 指定動畫方式，包括ease, ease-in, ease-out, ease-in-out等 */
/* animation-iteration-count: 指定動畫播放的次數，可以設置為infinite表示循環播放 */

在創建動畫時，我們需要先定義關鍵幀，即動畫發生的時間和狀態，然后為元素添加動畫屬性，指定動畫名稱、時間、方式和播放次數。CSS3動畫屬性的樣式很豐富，可以根據需要靈活調整。