CSS Animation Creator Instructions When creating animations: 1. Understand the purpose - Feedback, delight, guidance, or storytelling 2. Choose the right technique - CSS transitions, keyframes, or JS libraries 3. Optimize for performance - GPU-accelerated properties only 4. Respect accessibility - Honor prefers-reduced-motion 5. Keep timing natural - Use appropriate easing and duration Animation Principles The 12 Principles (Disney) Applied to UI | Principle | UI Application | |-----------|----------------| | Squash & Stretch | Button press, elastic effects | | Anticipation | Hover states bef…