CSS3有一個(gè)很有趣的屬性：animation。通過(guò)使用這個(gè)屬性，我們可以實(shí)現(xiàn)許多酷炫的動(dòng)畫(huà)效果。其中，點(diǎn)繞著橢圓線轉(zhuǎn)也是一種很受歡迎的動(dòng)畫(huà)效果。

代碼示例：
.oval {
position: relative;
width: 200px;
height: 100px;
border-radius: 50%;
background-color: #ccc;
margin: 80px auto;
}
.ball {
position: absolute;
top: 50%;
left: 0;
margin-top: -20px;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #f00;
animation: move 5s infinite linear;
}
@keyframes move {
from {
transform: translateX(0) translateY(0);
}
to {
transform: translateX(100px) translateY(50px);
}
}

首先，我們需要?jiǎng)?chuàng)建一個(gè)div元素，并設(shè)置它的寬度、高度、圓角和背景顏色等基本屬性，使其可以形成一個(gè)橢圓形。

然后，我們?cè)谶@個(gè)div元素里創(chuàng)建一個(gè)小球（另一個(gè)div元素），通過(guò)設(shè)置其position為absolute，使其可以脫離文檔流，并通過(guò)top、left和margin等屬性，將其放置于橢圓的左側(cè)中央位置。

接下來(lái)，我們通過(guò)設(shè)置animation屬性和@keyframes規(guī)則，實(shí)現(xiàn)小球繞著橢圓線轉(zhuǎn)的動(dòng)畫(huà)效果。在@keyframes規(guī)則中，我們定義了兩個(gè)關(guān)鍵幀，其中from表示動(dòng)畫(huà)開(kāi)始時(shí)小球的位置，而to則表示動(dòng)畫(huà)結(jié)束時(shí)小球的位置。通過(guò)設(shè)置transform屬性，讓小球沿著橢圓運(yùn)動(dòng)即可。

最終，我們就可以看到小球圍繞著橢圓線轉(zhuǎn)動(dòng)的酷炫效果了！