CSS3是一種改進的CSS技術，它可以讓我們更容易地創建動態和交互式的網站。CSS3中有許多新的特性，其中一個是讓
元素運動。
div {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
background-color: red;
animation: move 3s ease-in-out infinite alternate;
}
@keyframes move {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(200px, 200px);
}
}上面的代碼展示了如何使用CSS3動畫將
元素向右下角移動。首先，我們將
元素的位置設置為絕對，以便它可以在頁面的任何位置移動。然后，我們定義它的大小、背景色和動畫。
動畫的名稱是“move”，持續時間為3秒，使用加速度函數，無限制地來回運動。我們使用@keyframes標記定義動畫的關鍵幀。
在0%的關鍵幀中，我們將
元素的位置設置為（0,0），也就是左上角。在100%的關鍵幀中，我們將
元素的位置移動到（200px，200px），也就是右下角。
最后，我們將動畫應用于