Pulsar
· 5.2 s

Difference of squares

CSS

A square notch is taken out of a larger square and the remaining piece swings a quarter turn to close the figure into the rectangle a plus b by a minus b.

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.2 s, loops
Categories
Icons and micro-interactions
Use cases
Hero and marketing, Transitions and reveals
Industries
Education and training, Cross-industry
Style
Technical · light stroke
Set
algebra
Tags
geometricgridloopminimalstroke

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
Difference of squares, not animated
Download SVG

From this family15 in Algebra

See the family