# 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`).

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

Level: Journeyman · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/journeyman)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/timing-function