Phase 02Motion with intent112 of 434
Easing is the whole thing
Same distance, same duration, four different curves, four completely different impressions. Build all four and watch them side by side.
Build26 minAI off
Build this in your own editor
This one runs on your machine rather than in the browser workbench. Work to the outcomes below, then come back and mark it complete.
You should now be able to
- Distinguish ease-in, ease-out and ease-in-out by feel
- Write a custom cubic-bezier and predict its shape
- Choose a curve appropriate to entering, exiting and moving
Loading…