Commit graph use-mcp/examples/chat-ui/src/index.css
Author SHA1 Message Date
Glen Maddern
d47124b8b3 Slow down hue-rotate animation to 60 seconds
- Change animation duration from 8s to 60s for subtle color shifting
- Creates gentle, barely noticeable background color transitions
- Maintains visual interest without being distracting
2025-06-20 21:04:37 +10:00
Glen Maddern
f94a80cbd9 Switch to hue-rotate animation for background gradient
- Revert complex conical gradient approach
- Return to original linear gradient (pink-100 → purple-50 → indigo-100)
- Add hue-rotate filter animation cycling through 360 degrees
- 8s duration for fast testing
- Simpler implementation with continuous color shifting
- Less control over saturation but smoother performance
2025-06-20 21:03:52 +10:00
Glen Maddern
668ecaff91 Add animated rotating conical gradient background
- Create large 500% conical gradient with pastel color cycle
- Position gradient off-screen (-200% top/left) for smooth rotation
- Add 8s linear infinite rotation animation for fast testing
- Use ::before pseudo-element to avoid repainting main content
- Cycle through various pastel shades (pink, purple, blue, green, yellow, orange)
- Performance-optimized: only transforms, no gradient repainting
2025-06-20 20:46:24 +10:00
Glen Maddern
f5f1943ac5 Copying chat example across 2025-06-19 11:51:02 +10:00