Pulsar
· 5.4 s

Gradient Index

CSS

A ray crossing stratified layers straightens out into one undeviated line and curves back into the arc of a ray that has turned right around inside the gradient.

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.4 s, loops
Categories
Transitions and reveals
Use cases
Ambient background, Transitions and reveals
Industries
Education and training, Energy and utilities
Style
Technical · light stroke
Set
optics
Tags
lineminimallooprotatestroke

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
Gradient Index, not animated
Download SVG

From this family15 in Optics

See the family