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