CSS3有許多華麗的動畫效果，下面我們就來了解一下：

這里是CSS3的代碼

首先介紹的是transition屬性，它可以使元素在發生變化時平滑地過渡到新的狀態。比如下面這個例子，當我們鼠標懸停在這個按鈕上時，它的顏色會從藍色過渡到紅色：

.btn {
background-color: blue;
color: #fff;
padding: 10px 20px;
transition: background-color 0.3s ease;
}
.btn:hover {
background-color: red;
}

然后是keyframes關鍵字，它可以定義一個動畫的關鍵幀。在以下示例中，我們先定義一個動畫關鍵幀，然后將其應用于元素。這個元素將花費5秒逐漸從左到右移動：

.box {
width: 100px;
height: 100px;
background-color: blue;
position: relative;
animation: myanimation 5s infinite;
}
@keyframes myanimation {
0% {left: 0px;}
100% {left: 500px;}
}

最后是transform屬性，它可以在不改變文檔流的前提下對元素進行縮放、旋轉、傾斜等變換。下面這個示例展示了元素被旋轉45度的變換：

.box {
width: 100px;
height: 100px;
background-color: blue;
transform: rotate(45deg);
}

總之，CSS3華麗的動畫屬性讓我們的網頁界面更加生動有趣。