Grade Split Reveal

HTML to video · Before and after · Apache-2.0

What it does

The same picture twice, one flat and one finished, with a hard edge sweeping between them. It stops in the middle long enough to compare, then commits and the graded look takes the frame.

Get it

Copy it, or npx hyperframes add grade-split-reveal, to compositions/components/grade-split-reveal.html and mount it as a sub-composition; it brings its own timeline. 4 settings to change.

Source on GitHub
Needs

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

Re-skin

By props

Declared variables: look, split, edge, labels. 19 hex colors and 1 font stack are written in the file's CSS.

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