<!-- Auto-generated by `velinstyle docs generate`. Do not edit. Source: src/tokens/motion.css -->

# Tokens: motion

Source: `src/tokens/motion.css`

| Token | Value |
| --- | --- |
| `--velin-duration-cinematic` | `1200ms` |
| `--velin-duration-fast` | `100ms` |
| `--velin-duration-instant` | `50ms` |
| `--velin-duration-normal` | `200ms` |
| `--velin-duration-slow` | `300ms` |
| `--velin-duration-slower` | `500ms` |
| `--velin-duration-slowest` | `800ms` |
| `--velin-ease-back-out` | `cubic-bezier(0.34, 1.4, 0.64, 1)` |
| `--velin-ease-bounce` | `cubic-bezier(0.34, 1.56, 0.64, 1)` |
| `--velin-ease-default` | `cubic-bezier(0.4, 0, 0.2, 1)` |
| `--velin-ease-elastic` | `cubic-bezier(0.68, -0.6, 0.32, 1.6)` |
| `--velin-ease-expo-out` | `cubic-bezier(0.16, 1, 0.3, 1)` |
| `--velin-ease-in` | `cubic-bezier(0.4, 0, 1, 1)` |
| `--velin-ease-in-out` | `cubic-bezier(0.4, 0, 0.2, 1)` |
| `--velin-ease-out` | `cubic-bezier(0, 0, 0.2, 1)` |
| `--velin-ease-snappy` | `cubic-bezier(0.2, 0.8, 0.2, 1)` |
| `--velin-ease-spring` | `cubic-bezier(0.34, 1.56, 0.64, 1.4)` |
| `--velin-transition-all` | `all var(--velin-duration-normal) var(--velin-ease-default)` |
| `--velin-transition-colors` | `color var(--velin-duration-normal) var(--velin-ease-default),       background-color var(--velin-duration-normal) var(--velin-ease-default),       border-color var(--velin-duration-normal) var(--velin-ease-default)` |
| `--velin-transition-opacity` | `opacity var(--velin-duration-normal) var(--velin-ease-default)` |
| `--velin-transition-shadow` | `box-shadow var(--velin-duration-normal) var(--velin-ease-default)` |
| `--velin-transition-transform` | `transform var(--velin-duration-normal) var(--velin-ease-default)` |