resumemaker.eu
← TechnologyThe essentials of

Transition-timing-function: easing is not duration

Publisher: ResumeMaker • 1 source

Published: 23 Oct 2026 08:23 · Updated: 23 Oct 2026 08:23

AI source check: 22 Oct 2026 16:54. This is not editorial approval.

In a few sentences

In brief

transition-timing-function describes how intermediate transition values are calculated. ease-in and ease-out distribute pacing differently over the same interval.

Useful to know

transition-timing-function describes how intermediate transition values are calculated. ease-in and ease-out distribute pacing differently over the same interval. [1]

For an appearing panel, compare real content travelling the same distance. If the problem is waiting too long before movement starts, adjust delay rather than necessarily changing the easing curve.

Sources

For further detail and to check the information:

  1. [1] MDN — CSS transition-timing-function ↗