CSS3動畫是Web設計中越來越流行的一種技術，它可以幫助您打造更加生動、有趣的頁面效果。本文將為大家介紹如何創建一個簡單的CSS3動畫。

/* 首先定義一個DIV并設置樣式 */
div {
width: 100px;
height: 100px;
background-color: red;
position: relative;
animation-name: my-animation;
animation-duration: 2s;
animation-iteration-count: infinite;
}
/* 定義動畫 */
@keyframes my-animation {
0% {left: 0;}
50% {left: 200px; top: 0;}
100% {left: 0;}
}

在上述代碼中，我們首先定義一個div并且指定了其樣式。其中，我們需要注意的是，我們將其position設置為relative，以便讓它的動畫效果可以在其本身的位置上進行。接著，我們給該div定義了一個名為my-animation的動畫，并規定了該動畫的時長、執行次數。

在定義動畫時，我們需要使用@keyframes關鍵字，接著在花括號里編寫動畫的關鍵幀。例如，上述代碼中的動畫由三個關鍵幀組成，0%用來定義動畫執行的起點，50%表示動畫執行的中間位置，100%表示動畫結束時所在位置。在這里，我們將這個div設置了一個左右移動的動畫效果。

最后，我們只需要引入上述CSS樣式，便可以在瀏覽器中看到該動畫的效果了。