Create a reusable CSS animation library with keyframes, transitions, and utility classes.
I need a custom CSS animation library for my project. **Animation Types Needed:** - Entrances: [fade, slide, zoom, etc.] - Exits: [fade, slide, zoom, etc.] - Attention: [bounce, shake, pulse, etc.] - Loaders: [spinner, dots, bars, etc.] **Design Style:** - Feel: [subtle/playful/professional] - Duration preferences: [fast/medium/slow] - Easing preferences: [linear/ease/custom] **Implementation:** - Framework: [CSS/Sass/Tailwind plugin] - Trigger method: [classes/JS/both] **Performance Considerations:** - GPU acceleration: [required/optional] - Reduced motion support: [required/optional] Please provide: 1. Complete animation keyframes 2. Utility classes for each animation 3. Duration and delay variants 4. Easing function options 5. Composition patterns 6. Reduced motion alternatives 7. Usage documentation
Or press ⌘C to copy