地球公轉(zhuǎn)是指地球繞著太陽(yáng)軌道運(yùn)動(dòng)的現(xiàn)象。這一現(xiàn)象是由于地球被太陽(yáng)的引力所牽引而產(chǎn)生的，是地球圍繞太陽(yáng)運(yùn)動(dòng)的實(shí)質(zhì)。

/* CSS 代碼實(shí)現(xiàn)地球公轉(zhuǎn) */ 
.sun { 
position: relative; 
width: 300px; 
height: 300px; 
border-radius: 50%; 
background-image: url(sun.png); 
background-size: cover; 
} 
.earth { 
position: absolute; 
top: 50%; 
left: 50%; 
width: 100px; 
height: 100px; 
margin: -50px 0 0 -50px; 
border-radius: 50%; 
background-image: url(earth.png);
background-size: cover; 
animation: earth-orbit 10s linear infinite; 
} 
@keyframes earth-orbit { 
from { 
transform: rotate(0deg) translateX(150px) rotate(0deg); 
} 
to { 
transform: rotate(360deg) translateX(150px) rotate(-360deg); 
} 
}

如上所示的 CSS 代碼實(shí)現(xiàn)了地球公轉(zhuǎn)的效果。在 HTML 中，需要定義一個(gè)太陽(yáng)和一個(gè)地球的 div 元素，并設(shè)置相應(yīng)的 CSS 樣式。再通過(guò) CSS 的動(dòng)畫來(lái)實(shí)現(xiàn)地球繞太陽(yáng)的運(yùn)動(dòng)。

通過(guò)應(yīng)用上述的 CSS 代碼，我們可以輕松地實(shí)現(xiàn)地球公轉(zhuǎn)的效果。這不僅是一種視覺(jué)上的表現(xiàn)，也是天文學(xué)中的一個(gè)基本概念。