Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circle animation

Public visualization

Circle animation

0 stars1🌍 Public
AArturo Guevara
Last edited Sep 5, 2022
Created on Sep 1, 2022
Forked from Hello HTML

Eight red circles traverse a static outline of a larger circle drawn in SVG. The circles move along straight lines, following different diagonal and vertical paths at staggered start times, creating a repeated cycle. The animation uses SVG's `animateMotion` element with an 8-second duration and indefinite repeat. The white background and hard-light blend mode on the enclosing group provide the visual effect. The page is a minimal HTML document with embedded SVG markup.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed