CSS3是一種很有用的技術，可以實現許多動畫效果，讓網站更加生動有趣。它可以通過一些簡單的代碼實現，在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%;
}
}

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

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

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