CSS3動畫是網頁設計中常用的一種技術，它可以通過簡單的CSS代碼來實現許多美觀的效果。接下來，我們將介紹如何使用CSS3設置動畫效果。

/* 設置動畫元素 */
.element {
width: 100px;
height: 100px;
background-color: blue;
animation-name: move;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-delay: 0s;
animation-iteration-count: 2;
animation-direction: alternate;
animation-fill-mode: forwards;
}
/* 定義動畫 */
@keyframes move {
0% {
transform: translateX(0px);
}
50% {
transform: translateX(200px);
}
100% {
transform: translateX(0px);
}
}

上面的代碼中，我們首先設置了一個元素的樣式，給它添加了一個背景色，然后使用CSS3的animation-name屬性來指定這個元素需要執行的動畫名稱，這里是move。接著我們設置了動畫的執行時間、緩動函數、延遲時間、循環次數、方向和填充模式。

然后我們使用@keyframes關鍵字來定義動畫的具體效果，這里我們定義了三個關鍵幀，分別是初始狀態、中間狀態和結束狀態，通過給每個關鍵幀設置不同的transform屬性來實現動畫的效果。

最后，在頁面中引入這個樣式文件后，就可以看到這個元素執行動畫效果了。