HTML特效地球是一種常見的網頁動畫，也被廣泛應用于各種網站中。那么，HTML特效地球的代碼是怎樣的呢？我們來看一下：
<html>
<head>
<title>HTML特效地球</title>
<style>
#earth{
width: 200px;
height: 200px;
border-radius: 50%;
background: url('earth.png');
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: rotate 10s linear infinite;
}
@keyframes rotate{
from{
transform: translate(-50%, -50%) rotate(0deg);
}
to{
transform: translate(-50%, -50%) rotate(360deg);
}
}
</style>
</head>
<body>
<div id="earth"></div>
</body>
</html>以上就是HTML特效地球的代碼。其中，關鍵的部分是通過CSS中的動畫屬性animation來使地球旋轉起來，并通過border-radius屬性設置圓形，background屬性設置地球貼圖。
如果您想要更改地球圖片，只需要將background屬性的url('earth.png')中的'earth.png'改為您想要的圖片路徑即可。
希望這篇文章能夠為您理解HTML特效地球的代碼提供幫助。