Hover Experiments 1
These simple ideas for motion, movement and aesthetic show a variety of animation techniques worth learning so you can apply them to concrete UI Animations and components.
Made with Flow, all of these are running native web animation code
.No 3rd Party APIs...
No #fakeui...
No #bullshit...
Everything you see is real.
On a phone? Trigger an animation below by clicking on it.
Rotations
Different takes on transitioning from a + to an x, all based on rotations.
Circles
Playing with anchor points, layering and dash patterns.
Abstract
Offset animations, group masking, paths, and multiple easing curves.