View Transition API
Listed inView TransitionsAnimation and Motionon
MDN on animating between two DOM states, same-document and cross-document, with the browser tweening for you.
External
MDN · developer.mozilla.org#animation
#web-apis
Motion that explains a change rather than decorating it — and stays cheap enough to hold a steady frame rate.
9 articles
Listed inView TransitionsAnimation and Motionon
MDN on animating between two DOM states, same-document and cross-document, with the browser tweening for you.
Listed inReduced MotionAnimation and Motionon
The media query that asks whether the user wants less movement. Honouring it is an accessibility requirement.
Listed inCSS AnimationsAnimation and Motionon
Keyframes, timing functions, and orchestrating a sequence with delay instead of JavaScript.
Listed inCSS TransitionsAnimation and Motionon
The cheapest motion available, and the handful of properties that animate without triggering layout.
Listed inReduced MotionAnimation and Motionon
`prefers-reduced-motion` is not a nice-to-have — vestibular disorders make large motion genuinely harmful.
Listed inAnimation PerformanceAnimation and Motionon
Compositor-only properties, honest use of `will-change`, and reading a dropped-frame trace.
Listed inMotion LibrariesAnimation and Motionon
Spring physics, gestures, and layout animation for the cases declarative CSS cannot express.
Listed inWeb Animations APIAnimation and Motionon
Imperative control over the same engine CSS animations use: play, seek, reverse, and compose.
Listed inView TransitionsAnimation and Motionon
Animating between two DOM states — including across a navigation — with the browser doing the tweening.