CSS3是一種用來為網頁添加樣式和布局的技術，在其中，我們可以利用CSS3的動畫屬性來制作出各種動態效果。下面我們就來講講如何利用CSS3制作動畫。

首先，在CSS3中，我們可以通過 @keyframes 規則來創建動畫效果。@keyframes 規則用來描述一組 CSS3 動畫幀，每一幀中定義了動畫屬性如何變化。

@keyframes example {
0% {background-color: red;}
100% {background-color: yellow;}
}

上面這段代碼就定義了一個從紅色到黃色的動畫。通過定義不同的百分比，我們可以創建出更加復雜的動畫效果。

接下來，我們要把這個動畫應用到某個元素上。比如我們要讓一個 div 元素動起來，可以這樣寫：

div {
width: 100px;
height: 100px;
background-color: red;
position: relative;
animation-name: example;
animation-duration: 2s;
}

上面代碼中，我們將 div 元素的背景色設為紅色，將其定位設置為相對位置，然后使用 animation-name 屬性將之前定義的動畫效果添加到該元素上，并設置動畫時間為 2 秒。

除了上面這些基本的屬性之外，CSS3中還有很多其他的動畫屬性，比如 animation-delay（動畫延時），animation-iteration-count （動畫重復次數），以及 animation-timing-function（動畫速度曲線）等等。通過這些屬性的組合，我們可以制作出各種各樣的動態效果。