Transitions
Transitions make your app more lively and expressive, guiding users through changes and highlighting important elements with fluid animations.
Internally, we may use other durations like 0.2s and 0.25s in our components with the Web Animations API.
| Design token | Default value | Example |
|---|---|---|
--pc-transition-extra-fast | 0.1s | |
--pc-transition-fast | 0.15s | |
--pc-transition-medium | 0.3s | |
--pc-transition-slow | 0.5s | |
--pc-transition-extra-slow | 0.75s |