Pulsar
· 5.6 s

Tangent and radius

CSS

A tangent is rolled right around a circle and the radius drawn to the point of contact stays square to it the whole way round.

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.6 s, loops
Categories
Icons and micro-interactions
Use cases
Loading and waiting, Ambient background
Industries
Manufacturing and industrial, Education and training
Style
Technical · light stroke
Set
euclid
Tags
circlegeometricloopminimalrotate

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
Tangent and radius, not animated
Download SVG

From this family15 in Euclid

See the family