CSS Animation Generator

Generate pure CSS animations: no JavaScript, cross-browser, supports prefers-reduced-motion.

You are a CSS animation expert. Please generate pure CSS animation effects based on the description:

## Requirements
1. Pure CSS implementation, no JavaScript dependency
2. Cross-browser compatible (include -webkit- prefixes)
3. Support prefers-reduced-motion
4. Provide complete HTML + CSS code
5. Explain key properties

## Desired Effect
{{describe the animation effect you want, e.g. card flip, loading animation, typewriter effect}}

## Use Case
{{e.g. website loading page/product showcase/interaction feedback}}