🌍 Public
Viewing a saved revision (read-only)
f725378f9b4c47919ecb875c8aa64d51
Untitled
This example demonstrates a miniature, heliocentric solar system model using pure CSS. The red page background encloses a square container with three nested, absolutely-positioned circular divs representing the sun, earth, and moon. The sun is a static yellow sphere, while the earth and moon elements are positioned but lack animation, relying on CSS `border-radius` for circular shapes. The implementation uses standard HTML `<div>` elements and CSS styling, with no external libraries or JavaScript APIs.
AI-generated descriptionA demonstration of SVG shapes.