CSS3是一種很有用的技術(shù)，可以實現(xiàn)許多動畫效果，讓網(wǎng)站更加生動有趣。它可以通過一些簡單的代碼實現(xiàn)，在html文檔中使用<style>標簽來定義樣式，具體示例如下：

.box {
width: 100px;
height: 100px;
background-color: red;
position: relative;
animation-name: move;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes move {
0% {
left: 0;
}
50% {
left: 50%;
}
100% {
left: 100%;
}
}

在這段代碼中，我們定義了一個紅色正方形的盒子，使用了關(guān)鍵字"position: relative"來定位，"animation-name"屬性定義了動畫的名稱，"animation-duration"屬性定義了動畫的持續(xù)時間，"animation-iteration-count"屬性定義了動畫播放的次數(shù)，"animation-direction"屬性定義了動畫的方向。

我們還定義了一個關(guān)鍵幀"move"，其中定義了動畫在不同時間點的狀態(tài)。在這個示例中，動畫從左側(cè)移動到右側(cè)，然后再反向移動回來。我們使用"animation-name"屬性將這個動畫應(yīng)用到了盒子上。

當然，除了移動效果，CSS3還可以實現(xiàn)其他很多種類型的動畫，比如旋轉(zhuǎn)、縮放、淡出等等。我們只需要在關(guān)鍵幀中定義不同的狀態(tài)，然后使用"animation-name"屬性將其應(yīng)用到元素上即可。