Animation Components Interpolation: Intermediate states from A to B Progression: What advances the timeline?
Relevant technologies CSS [CSS Transitions](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_transitions/Using_CSS_transitions) `transition` property Automatically animate changes in CSS properties [CSS Animations](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animations/Using_CSS_animations) `animation` property, `@keyframes` Tween CSS properties with arbitrary keyframes [`@starting-style`](https://developer.mozilla.org/en-US/docs/Web/CSS/@starting-style) Set the start state for the CSS transitions of newly created elements JS [View Transitions API](https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API) Animate arbitrary DOM changes [`requestAnimationFrame()`](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame) Run arbitrary code at the client’s framerate [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API) JS way to create and run CSS animations D3 [`d3-transition`](https://d3js.org/d3-transition) `d3.transition()` Animate arbitrary attributes or properties at arbitrary times [`d3-ease`](https://d3js.org/d3-ease) Control how the transition progresses Svelte [Transitions](https://learn.svelte.dev/tutorial/transition) [`transition:fn`](https://svelte.dev/docs/element-directives#transition-fn) [`in:fn`, `out:fn`](https://svelte.dev/docs/element-directives#in-fn-out-fn) Animate elements when they are added or removed from the DOM [Animations](https://learn.svelte.dev/tutorial/animate) [`animate:fn`](https://svelte.dev/docs/element-directives#animate-fn) Animate elements when they are reordered or moved