Timing and Spacing Demo

This is an Animotion presentation demonstrating basic easing functions.

Note that animators and developers use conflicting definitions of Easing In/Out.

This demo uses the animators' definition, thus the seemingly inverted easing functions used for Ease In and Ease Out.

See this article for further clarification.

Setup

Install dependencies.

pnpm i

Run the development server at http://localhost:5173/.

pnpm run dev

Build and preview deploy.

pnpm run build && pnpm run preview