Chromatic Aberration Wipe
HTML to video · A cut between two pictures · Apache-2.0
- What it does
A fast slide wipe with RGB channel split on peak frames. 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. 3 settings to change.
- Needs
Loads its libraries from the network when it renders (cdn.jsdelivr.net).
- Re-skin
By props (colors)
Declared variables: direction, accent, aberration. Its colors are custom properties declared in one block in the file (--hf-accent, --hf-ink, --hf-muted, --hf-surface).
- License
Apache-2.0
- From