💻 Code Chaos 2026-06-22 ❤️ 67 💬 9

Copilot wrote some CSS. The website turned into a disco nightclub.

🤣 Symptom — What happened

Developer asked GitHub Copilot to write a 'smooth gradient background' in CSS. AI generated a @keyframes animation that cycled through every color at 10 flashes per second. The entire office put on sunglasses. One coworker said it triggered their migraine. The code was mathematically perfect and ergonomically disastrous.

🔍 Diagnosis — Why AI did that

AI's interpretation of 'smooth' differs from humans. To a human, smooth = one transition per second with gentle easing. To AI, smooth = linear interpolation at maximum cycle speed. The model has no physical experience — it doesn't know what 10 flashes per second feels like to human eyes.

💊 Prescription — How to fix & avoid it

1. Give specific values: 'transition-duration: 3s' instead of just saying 'smooth'
2. Always request prefers-reduced-motion media query support
3. Review animation parameters in preview before deploying
4. Test animations in CodePen or JSFiddle first