Pulsar
· 5 s

Continued fraction

CSS

A rectangle gives up the largest square it can hold, then the next, each term of the expansion taking the accent until the last two squares come out equal.

The Free licence asks for one visible credit per page: Animation by Pulsar, linked to Pulsar. The credit line is that link, ready to paste. The snippet itself carries attribution in a comment and in the SVG’s metadata, and never links anywhere on click. Licence

Tier
CSS
Dependencies
None
Duration
5 s, loops
Categories
Icons and micro-interactions
Use cases
Onboarding and setup, Transitions and reveals
Industries
Education and training, Cross-industry
Style
Technical · light stroke
Set
numtheory
Tags
geometricgridloopminimalstagger

Companion assets

The same artwork, not animated. Derived from the entry’s own resting state, so it matches exactly.

Animated
CSS tierDownload animated SVG
Static vector
Continued fraction, not animated
Download SVG

From this family15 in Numtheory

See the family