Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

f725378f9b4c47919ecb875c8aa64d51

Untitled

0 stars0🌍 Public
TTeboho85
Last edited Oct 30, 2023
Created on Jul 22, 2023
Forked from HTML Starter

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 description

A demonstration of SVG shapes.