CSS3是前端開發中最常用的樣式語言之一，它可以提供豐富的動畫效果來豐富我們的頁面，下面我們就來學習如何使用CSS3創建動畫吧。

首先，我們需要在HTML中添加一個需要添加動畫效果的元素，例如：

<div class="box"></div>

然后，在CSS中，我們需要為這個元素添加樣式，并且定義動畫效果，例如：

.box {
width: 100px;
height: 100px;
background: red;
animation: myanimation 2s infinite;
}
@keyframes myanimation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

這段代碼的意思是，我們為box這個元素設置寬度、高度、背景顏色，并且定義了一個名為“myanimation”的動畫，它將持續2秒，并且無限循環。然后，我們使用@keyframes定義動畫的關鍵幀，從0度旋轉到360度。

這樣，我們就成功創建了一個旋轉的動畫效果。

如果我們想要添加更多的動畫效果，例如透明度漸變，可以使用以下代碼：

.box {
width: 100px;
height: 100px;
background: red;
animation: myanimation 2s infinite;
}
@keyframes myanimation {
0% {
transform: rotate(0deg);
opacity: 1;
}
50% {
transform: rotate(180deg);
opacity: 0.5;
}
100% {
transform: rotate(360deg);
opacity: 1;
}
}

這段代碼的意思是，在動畫的第一幀0%時，box元素將旋轉0度，并且透明度為1；在50%時，元素將旋轉到180度，并且透明度為0.5；在100%時，元素將旋轉到360度，并且透明度為1。

通過這些簡單的代碼，我們就可以創建各種動畫效果了。當然，這只是CSS3動畫的入門，后續還有更多更復雜的動畫效果需要學習和掌握。