Echo Smear

HTML to video · Apache-2.0

What it does

Distance-adaptive streak — records each element's real trajectory (position, rotation, scale, opacity), then trails time-offset copies behind it in proportion to its speed, combined by brightest pixel, so fast moves smear and… Paste-in snippet: it registers no timeline, you wire it into your own.

Get it

Paste its markup, CSS and script into your composition, then add the timeline lines from the comment at the top of the file to your own GSAP timeline. demo.html in the folder shows it running.

Source on GitHub
Needs

Loads its libraries from the network when it renders (cdn.jsdelivr.net).

Re-skin

Edit the file

No declared variables and no colors or fonts of its own found; what it shows is set by the markup and script in the file.

License

Apache-2.0

License notes are on the pack's page

From

HyperFrames

Everything from HyperFrames in the gallery

Back to the Asset Library