CSS3動畫是Web開發中一個非常流行的技術，通過使用CSS3中的動畫屬性和關鍵幀，可以讓頁面元素實現美觀的動效，提升用戶體驗。本文將介紹一些CSS3動畫屬性的基礎使用。

首先，我們需要確定要實現動畫效果的HTML元素，例如一個div。

<div id="mydiv"></div>

接下來，我們可以使用CSS3的animation屬性來定義動畫。animation屬性需要設置一些參數，包括動畫名稱、動畫持續時間、動畫播放方式等。

#mydiv {
animation: myanimation 3s ease-in-out infinite;
}

上述代碼中，我們定義了一個名為“myanimation”的動畫，持續時間為3秒，播放方式為緩進緩出，并且設置了無限循環。

接下來，我們需要使用@keyframes規則來定義動畫的關鍵幀。關鍵幀表示從動畫開始到結束的每一幀，我們可以在關鍵幀中設置元素的樣式，從而實現動畫效果。

@keyframes myanimation {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
#mydiv {
animation: myanimation 3s ease-in-out infinite;
}

上述代碼中，我們通過@keyframes規則定義了一個名為“myanimation”的動畫關鍵幀，其中0%表示動畫開始狀態，100%表示動畫結束狀態，50%表示動畫播放到一半時的狀態。我們在每個關鍵幀中使用transform屬性實現旋轉效果。

最后，我們可以通過使用其他CSS3屬性來進一步優化動畫效果，例如transition屬性、transform屬性等。

總之，CSS3動畫是一個非常有趣的技術，在實現動效時需要注意使用關鍵幀和動畫屬性，同時可以利用其他CSS3屬性來優化動畫效果。