initial commit
This commit is contained in:
29
docs/front-end-spec/animation-micro-interactions.md
Normal file
29
docs/front-end-spec/animation-micro-interactions.md
Normal file
@@ -0,0 +1,29 @@
|
||||
# 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 |
|
||||
|
||||
---
|
||||
Reference in New Issue
Block a user