CSS3是CSS的升級版本，它增加了許多新的特性和選擇器，其中一個重要的特性就是CSS3動畫。

在CSS3中，我們可以使用“transform”屬性來實現(xiàn)許多的動畫效果，比如旋轉(zhuǎn)、縮放和移動等。

而其中一個最有趣的特性就是能夠讓元素沿著半圓軌道移動。

.element{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(0deg); /*使元素居中*/
animation: circular-motion 4s infinite linear; /*設(shè)定動畫*/
}
@keyframes circular-motion {
from {
transform: translate(-50%, -50%) rotate(0deg) translate(100px) rotate(0deg); /*元素起始位置*/
}
to {
transform: translate(-50%, -50%) rotate(360deg) translate(100px) rotate(-360deg); /*元素結(jié)束位置*/
}
}

上面的代碼片段中，“element”表示要進行動畫的元素，“translate”用于將元素居中，“animation”屬性則用于設(shè)定動畫特性。

在“@keyframes”中，我們使用了“from”和“to”來指定元素的起始位置和結(jié)束位置，上述代碼使元素沿著半圓軌道運動。

使用CSS3來制作動畫已經(jīng)成為Web開發(fā)的必備技能，通過掌握它們，我們可以實現(xiàn)更豐富的頁面效果。