"```html
Solar System Animation body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #000; } .sun { width: 100px; height: 100px; background: radial-gradient(circle at 50% 50%, #ffdb4d 10%, transparent 20%); border-radius: 50%; position: relative; animation: rotateSun 8s linear infinite; } .earth { width: 30px; height: 30px; background-color: #2b75e3; border-radius: 50%; position: absolute; top: 50px; left: 50%; margin-left: -15px; animation: orbitEarth 8s linear infinite; } @keyframes rotateSun { from { transform: rotate(0); } to { transform: rotate(360deg); } } @keyframes orbitEarth { from { transform: rotate(0) translateX(150px) rotate(0); } to { transform: rotate(360deg) translateX(150px) rotate(360deg); } }
