# Easing for an exit: curve, duration and what to avoid

> Use launch for an exit, over 0.35 to 0.6 of the entrance (0.3 s after a 0.5 s one); 0.18 to 0.3 s when the entrance length is unknown. Avoid an exit on the en

Canonical: https://vawe.dev/easing/for/exit
Last updated: 2026-11-04

Use launch for an exit, over 0.35 to 0.6 of the entrance (0.3 s after a 0.5 s one); 0.18 to 0.3 s when the entrance length is unknown. launch reaches 50% of its travel at 77% of the time and 90% at 96%. Avoid an exit on the entrance’s own ease: it arrives while leaving.

| Measure | Value |
| --- | --- |
| Job | Exit |
| Ease | launch (https://vawe.dev/easing/launch) |
| Duration | 0.35 to 0.6 of the entrance (0.3 s after a 0.5 s one); 0.18 to 0.3 s when the entrance length is unknown |

## What to avoid

An exit on the entrance’s own ease: it arrives while leaving. Use leave only for a settle or a hand-off the page names.

## CSS

```css
@keyframes leave {
  from { opacity: 1; translate: 0 0; }
  to { opacity: 0; translate: 0 -1.2vh; }
}

.target {
  animation: leave 300ms cubic-bezier(0.3333, 0, 0.75, 0.25) forwards;
}
```

## Web Animations

```js
el.animate(
  [{ opacity: '1', translate: '0 0' }, { opacity: '0', translate: '0 -1.2vh' }],
  { duration: 300, easing: 'cubic-bezier(0.3333, 0, 0.75, 0.25)', fill: 'forwards' },
);
```

## CSS linear()

```css
animation-timing-function: linear(0, 0.0005, 0.0019, 0.0042, 0.0074, 0.0116, 0.0166, 0.0226, 0.0296, 0.0375, 0.0463, 0.0561, 0.0669, 0.0787, 0.0916, 0.1055, 0.1205, 0.1367, 0.154, 0.1725, 0.1922, 0.2133, 0.2357, 0.2595, 0.2848, 0.3117, 0.3402, 0.3704, 0.4025, 0.4365, 0.4727, 0.5111, 0.5519, 0.5953, 0.6416, 0.6911, 0.7441, 0.8009, 0.862, 0.9282, 1);
```

## Measured source

Measured on ChatGPT and Vercel Analytics clips at 30 fps, read off frames, plus or minus 33 ms.

| Preset | Value | Measured |
| --- | --- | --- |
| Exit | fade 300 ms, drift -1.2vh | The whole window fades in 0.3 to 0.4 s to the empty ground. Frame 0 is the same ground. |

## Video components for this job

- [Exits faster than entrances](https://vawe.dev/video-components/exit-fast)
- [Chain beats](https://vawe.dev/video-components/chain-beats)

## Other jobs

- [Title or text entrance](https://vawe.dev/easing/for/title-entrance)
- [UI panel or card in](https://vawe.dev/easing/for/panel-entrance)
- [Value change (number swap)](https://vawe.dev/easing/for/number-change)
- [List stagger](https://vawe.dev/easing/for/list-stagger)
- [Small pop or notification](https://vawe.dev/easing/for/notification-pop)
- [Camera move under 2 s](https://vawe.dev/easing/for/short-camera-move)
- [Camera move of 2 s or more](https://vawe.dev/easing/for/long-camera-move)
- [Scan or wipe travel](https://vawe.dev/easing/for/scan-wipe)
- [Hold drift](https://vawe.dev/easing/for/hold-drift)
- [Send, small arrival](https://vawe.dev/easing/for/send-bubble)
- [Typing](https://vawe.dev/easing/for/typing)
- [Stream](https://vawe.dev/easing/for/text-streaming)

## Related

- [All easing functions](https://vawe.dev/easing)
- [launch](https://vawe.dev/easing/launch)