Tuning Overshoot Easing in an F1 Chatbot Animation

0.4 seconds, slowed down 16 times 🏎️

Every message in my F1 chatbot enters on one curve, and it overshoots: 109.8% at the peak, about 1.8 px past its resting line, then it settles.

You'd never name that at full speed. You'd only notice if it was missing.

In the clip the real chat bubble runs the curve at 1/16 speed with its live CSS values, and a light trail draws the same curve as a car running wide over the kerb.

Do you tune your easing curves, or stick with the defaults? 👇

🔗 aswin-shine.dev/work/f1-rag-chatbot