CSS3是一種可以通過多種方式為網頁元素添加動態效果的技術。其中一種方式是使用CSS3的animation屬性。

.box {
animation-name: move;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes move {
0% {
transform: translateX(0);
}
50% {
transform: translateX(200px);
}
100% {
transform: translateX(0);
}
}

在上面的代碼中，我們創建了一個名為“move”的動畫，它會將元素從初始位置開始向右移動200像素，然后再回到初始位置。我們使用animation-name屬性將該動畫應用于一個名為“box”的元素。

animation-duration屬性指定了動畫的持續時間，本例中為2秒。animation-iteration-count屬性指定了動畫循環的次數，我們將其設置為無限循環。

接下來，我們在@keyframes規則中定義了動畫的狀態。在此規則中，我們指定了動畫的開始、中間和結束狀態。在0%狀態時，元素將位于初始位置。在50%狀態時，元素將移動到指定的距離。最終，到達100%狀態時，元素將回到初始位置。

使用CSS3的animation屬性，我們可以輕松地指定動畫效果，并將其應用于不同的元素。通過更改@keyframes規則中指定的狀態，我們還可以創建不同的動畫效果。