State animations Getting them right
summary
Live demos at https colon slash slash state-animations-amsterdam.surge.sh and code on GitHub (posva/state-animation-demos) show concrete results: a tiny view tweezing component (<1KB) that declaratively creates tweens and helpers for different tween engines, and a view motion spring system that keeps SVG charts and reorders fluid under rapid data changes. Easing tweens give exact durations and playback control, springs adapt on the fly and handle interruptions, and a quirky audio demo proves springs can drive nonvisual properties — everything is implemented and working.
AI-written summary · about
chapters (9)
- 0:00Start
- 1:18DEMO
- 5:15TRANSITION
- 8:50BOOLEAN STATE CLASS SWITCHING
- 10:18WITH COMPUTED PROPERTIES
- 16:09EASINGS CONTROLLED BY SCROLL/MOUSE
- 17:53POLYGON EXAMPLE Originally from des
- 21:25SPRINGS
- 23:10LAZY SUDOKU EXAMPLE
