Timing function

The speed curve of a transition, like ease-in-out.

What is a timing function?

A timing function sets the speed curve of a transition or animation: steady (linear), or speeding up and slowing down (ease-in-out).

.drawer { transition: transform 0.4s ease-in-out; }

Level: Journeyman · More CSS terms at this level

Updated September 27, 2026