What a window opening (or closing, run backwards) looks like at progress: its scale, opacity and how far it is still pushed down by a slide. Closing never overshoots.
progress
slide
import { openAnimationFrame } from '@datamoc/mwg/two-d/render';console.log(openAnimationFrame('pop', 0).scale); // 0console.log(openAnimationFrame('pop', 1).scale); // 1console.log(openAnimationFrame('slide', 0.5).offset > 0); // true: still sliding up Copy
import { openAnimationFrame } from '@datamoc/mwg/two-d/render';console.log(openAnimationFrame('pop', 0).scale); // 0console.log(openAnimationFrame('pop', 1).scale); // 1console.log(openAnimationFrame('slide', 0.5).offset > 0); // true: still sliding up
What a window opening (or closing, run backwards) looks like at
progress: its scale, opacity and how far it is still pushed down by aslide. Closing never overshoots.