Keep Feedback Under 400ms

#transition-durationdoherty-threshold

Use short transition durations so the system feels responsive and neither user nor machine waits.

Why it works: Doherty Threshold — productivity soars when interaction stays under ~400ms; short transitions keep the UI feeling instant.

live_demo

code

.doherty-btn.fast {
  transition: background 0.25s, border-color 0.25s, transform 0.2s;
}

.doherty-btn.slow {
  transition: background 0.9s, border-color 0.9s, transform 0.8s;
}