30 lines
672 B
Markdown
30 lines
672 B
Markdown
# Animation & Micro-interactions
|
|
|
|
## Motion Principles
|
|
|
|
1. **Fonctionnel avant décoratif**
|
|
2. **Rapide et non-bloquant** (150-300ms)
|
|
3. **Subtil et cohérent**
|
|
4. **Respect prefers-reduced-motion**
|
|
|
|
## Key Animations
|
|
|
|
| Animation | Durée | Usage |
|
|
|-----------|-------|-------|
|
|
| Hover | 150ms | Buttons, rows |
|
|
| Fade in | 200ms | Contenu chargé |
|
|
| Slide in | 250ms | Modals, drawers |
|
|
| Toast | 300ms in / 200ms out | Notifications |
|
|
| Checkbox | 150ms | Toggle état |
|
|
|
|
## Performance Goals
|
|
|
|
| Metric | Target |
|
|
|--------|--------|
|
|
| First Contentful Paint | < 1.5s |
|
|
| Time to Interactive | < 3s |
|
|
| Interaction Response | < 100ms |
|
|
| Animation FPS | 60fps |
|
|
|
|
---
|